设计

/

添加第三方字体

最后更新时间:

2025-09-12

Creght 内置了常用的十多款字体,但没有收录的字体也很多,如果你想使用其他字体,可以按照此手册来添加第三方字体。

目前我们支持添加 3 个来源的字体:

如何在 Creght 中添加第三方字体

在 Creght 中选择文字元素,然后在右侧设置面板中选择 “字体” - “添加字体”,在 “添加字体” 弹窗中填入对应信息:

image.png

image.png

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

地址:https://fonts.google.com/

  1. 筛选搜索到字体之后点击字体进入字体详情页

image.png

  1. 在详情页点击 “Get Font”

image.png

  1. 点击 Get embed code

image.png

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

image.png

在这个例子中,需要填入 Creght 的信息如下:

ZSFT(ZeoSeven Fonts)

地址:https://fonts.zeoseven.com/browse/

  1. 选择一款字体,点击进入详情

image.png

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

image.png

在这个例子中,需要填入 Creght 的信息如下:

中文网字计划

地址:https://chinese-font.netlify.app/zh-cn/cdn/

  1. 选择一款字体,点击 ”复制 css“

image.png

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

image.png

在这个例子中,需要填入 Creght 的信息如下:

在 Creght 使用第三方字体

按照上方方法添加了第三方字体之后,就可以在 ”字体“ - ”自定义“ 下找到您的字体,选择使用即可。

对于某些体积比较大的字体,可能需要在选择后等待 2-3s 才会加载完成。

image.png

已知局限

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

继续阅读

下一篇