设计 /
添加第三方字体
Creght 内置了常用的十多款字体,但没有收录的字体也很多,如果你想使用其他字体,可以按照此手册来添加第三方字体。
目前我们支持添加 3 个来源的字体:
- Google Fonts:众多英文字体,但中文字体很少。
- ZeoSeven Fonts:900+款字体,众多中文字体。
- 中文网字计划:高质量的中文字体库。
如何在 Creght 中添加第三方字体
在 Creght 中选择文字元素,然后在右侧设置面板中选择 “字体” - “添加字体”,在 “添加字体” 弹窗中填入对应信息:


Creght 需要使用下面几个信息来完成添加字体:
- CSS 链接:是一个 css 链接,如 Google Fonts 是这样的链接:https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&display=swap
- Font Family: 字体的名字,如:Liu Jian Mao Cao
- 字体权重:字体的粗细属性。当一款字体有多个字重变形的时候,可以填写多个字重就可以在 Creght 中使用这些字重了。可以不填,默认为 400。
以下是如何在各个字体库找到这些信息:
Google Fonts
- 筛选搜索到字体之后点击字体进入字体详情页

- 在详情页点击 “Get Font”

- 点击 Get embed code

- 复制对应的信息到 Creght 面板中

在这个例子中,需要填入 Creght 的信息如下:
- CSS 链接:https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&display=swap
- Font Family: Liu Jian Mao Cao
- 字体权重:400(也可以不填,默认就是 400)。
ZSFT(ZeoSeven Fonts)
地址:https://fonts.zeoseven.com/browse/
- 选择一款字体,点击进入详情

- 在详情页面下方 ”嵌入字体“ - ”常规 CSS“ 可以找到需要填入 Creght 的信息

在这个例子中,需要填入 Creght 的信息如下:
- CSS 链接:https://fontsapi.zeoseven.com/568/main/result.css
- Font Family: Fusion Pixel 10px M zh_hans
- 字体权重:400(也可以不填,默认就是 400)。
中文网字计划
地址:https://chinese-font.netlify.app/zh-cn/cdn/
- 选择一款字体,点击 ”复制 css“

- 在弹窗中找到这些信息填入 Creght

在这个例子中,需要填入 Creght 的信息如下:
- CSS 链接:https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css
- Font Family: Source Han Serif CN VF
- 字体权重:400(也可以不填,默认就是 400)。
在 Creght 使用第三方字体
按照上方方法添加了第三方字体之后,就可以在 ”字体“ - ”自定义“ 下找到您的字体,选择使用即可。
对于某些体积比较大的字体,可能需要在选择后等待 2-3s 才会加载完成。

已知局限
- 如果您在上述 3 个地方都没有找到想要的字体,有可能是此款字体虽然允许使用但不允许被第三方分发,比如 MiSans、HarmonyOS Sans、阿里巴巴普惠体等(可以在官网找到他们的协议)。您可以寻找相似的字体作为替代,如果您有强烈需求要使用这类不能被分发的字体,也可以与我们联系,我们会在未来添加上传字体功能来满足此需求。
