字体
一次性上传您已获授权的网页字体,把授权证据与字体一并保存,并用一个样式表在您的网站上加载它们。
本页面由英文翻译而来。如有任何差异,以英文版本为准。 阅读英文版
Atlas 会托管您网站的字体及其授权证据。只有在字体的授权允许网页嵌入且尚未过期时,才会提供该字体。
打开 Design → Fonts,点击 Add a font。
-
输入 Family name 和 Key。该 key 用于命名 CSS 变量,之后无法更改。
-
在 Files, weights and styles 下,上传 WOFF2 或 WOFF 文件(或从媒体库中选择)。为每个文件设置 Weight(例如
400,或对可变字体使用100-900这样的范围)和 Style(Upright 或 Italic)。 -
添加 Fallback fonts,并选择 While loading:Show the fallback, then swap,或 Use the font only if it is ready at once。
-
在 Licence 下,记录 Licence 名称、Licence ends 日期(如有)、Evidence 和可选的 Licence document,并勾选 The licence allows embedding this font on websites (@font-face)。
-
点击 Add font。
每张字体卡片都会显示使用方法,例如 font-family: var(--atlas-font-brand),以及它的回退字体、授权和早期版本。点击 New version 可替换文件或更新授权;早期版本会被保留。
在您的网站上加载字体
Section titled “在您的网站上加载字体”卡片 Add to your website 提供现成的代码片段:
- 任意网站:点击 Copy link tag 并把它添加到页面的 head 中。它会加载一个包含该站点所有启用字体的样式表。
- Next.js:点击 Copy code 获取服务器渲染版本。
<link rel="stylesheet" href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"/>样式表缓存 5 分钟,字体文件则永久缓存,因为每个文件版本都有自己的地址。字体文件只提供给您环境的网站地址。
线上网站上的字体
Section titled “线上网站上的字体”字体的更改与内容一样,随下一个发布版本到达生产环境。生产环境只提供其线上发布版本中的字体版本。
- 仅支持 WOFF2 和 WOFF(不支持 TTF 或 OTF)。
- 每种字体最多 32 个文件和 8 个回退字体。
- 字体属于单个站点;目前还没有共享的组织字体目录,也不支持子集化。