跳转到内容
交付 API
在围绕某项功能进行规划之前,请先查看功能状态。

指南设计

字体

一次性上传您已获授权的网页字体,把授权证据与字体一并保存,并用一个样式表在您的网站上加载它们。

本页面由英文翻译而来。如有任何差异,以英文版本为准。 阅读英文版

Atlas 会托管您网站的字体及其授权证据。只有在字体的授权允许网页嵌入且尚未过期时,才会提供该字体。

打开 Design → Fonts,点击 Add a font。

  1. 输入 Family name 和 Key。该 key 用于命名 CSS 变量,之后无法更改。

  2. 在 Files, weights and styles 下,上传 WOFF2 或 WOFF 文件(或从媒体库中选择)。为每个文件设置 Weight(例如 400,或对可变字体使用 100-900 这样的范围)和 Style(Upright 或 Italic)。

  3. 添加 Fallback fonts,并选择 While loading:Show the fallback, then swap,或 Use the font only if it is ready at once。

  4. 在 Licence 下,记录 Licence 名称、Licence ends 日期(如有)、Evidence 和可选的 Licence document,并勾选 The licence allows embedding this font on websites (@font-face)。

  5. 点击 Add font。

每张字体卡片都会显示使用方法,例如 font-family: var(--atlas-font-brand),以及它的回退字体、授权和早期版本。点击 New version 可替换文件或更新授权;早期版本会被保留。

卡片 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 分钟,字体文件则永久缓存,因为每个文件版本都有自己的地址。字体文件只提供给您环境的网站地址。

字体的更改与内容一样,随下一个发布版本到达生产环境。生产环境只提供其线上发布版本中的字体版本。

  • 仅支持 WOFF2 和 WOFF(不支持 TTF 或 OTF)。
  • 每种字体最多 32 个文件和 8 个回退字体。
  • 字体属于单个站点;目前还没有共享的组织字体目录,也不支持子集化。