用户指南 取消(C)

使用字体显示设置自定义 Web 字体性能

  1. Adobe Fonts 用户指南
  2. 简介
    1. 系统要求和订阅要求
    2. 浏览器和操作系统支持
    3. 在计算机上添加字体
    4. 向网站添加字体
    5. 在 CC 移动应用程序上添加字体
  3. 字体许可
    1. 字体许可
    2. 管理您的帐户
    3. 向 Creative Cloud 企业版客户授予许可
    4. 将字体许可证添加到您的帐户
    5. 从订阅库中删除字体
    6. Adobe Fonts 不适用于在中国注册的 Adobe ID
    7. 我的 Creative Cloud 订阅为何不包含这些字体?
    8. Morisawa 2021 年 9 月字体删除
  4. 获取和使用字体
    1. 在 Creative Cloud 应用程序中使用 Adobe Fonts
    2. 管理您的字体
    3. 在桌面应用程序中解析缺失字体
    4. 在 InDesign 中使用字体
    5. 字体和排版规则
    6. 在 HTML5 Canvas 文档中使用 Web 字体
    7. 在 InCopy 中使用字体
    8. 在 Muse 中使用 Web 字体
    9. 打包字体文件
    10. 故障排除指南:添加字体
    11. 添加的字体未显示在字体菜单上
    12. “无法添加一种或多种字体”或“已安装同名字体”
    13. 如果字体设计合作伙伴对我正在使用的字体进行了更新,会发生什么?
  5. Web 设计和开发
    1. 向网站添加字体
    2. 故障排除指南:向网站添加字体
    3. 对字体问题进行故障诊断
    4. 在 HTML 电子邮件或新闻稿中使用 Web 字体
    5. 借助移动页面加速 (AMP) 使用 Web 字体
    6. CSS 选择器
    7. 使用字体显示设置自定义 Web 字体性能
    8. 嵌入代码
    9. 动态子集和 Web 字体服务
    10. 字体事件
    11. 为什么我的 Web 字体来自 use.typekit.net?
    12. 网站无法连接到 use.typekit.net
    13. 借助 CodePen 使用 Web 字体
    14. 浏览器和操作系统支持
    15. 在本地开发时使用 Web 字体
    16. 内容安全策略
    17. 打印 Web 字体
  6. 语言支持和 OpenType 功能
    1. 语言支持和子集
    2. 使用 OpenType 功能
    3. CSS 中的 OpenType 功能的语法
  7. 字体技术
    1. OpenType-SVG 颜色字体
    2. Ten Mincho:从版本 1.000 进行更新的要点

了解如何使用字体显示设置来修改 Web 字体性能。

字体显示设置允许您指定如何在 Web 浏览器中加载 Web 字体并将其应用到您的网站。此处有五个字体显示选项:

字体显示值

行为

自动

允许浏览器以其默认方式加载字体。

阻止

在 Web 字体下载完成之前,隐藏网站上的文本。使用此选项时,网站访客可能会看到闪现的不可见文本或 FOIT

交换

在 Web 字体下载完成之前,显示在 CSS 中设置的回退字体。使用此选项时,网站访客可能会看到闪现的无样式文本或 FOUT

回退

在短时间内使用阻止行为,然后切换到交换行为并将回退字体应用于文本。如果在交换期结束前尚未加载 Web 字体,则仍使用回退字体。

可选

在短时间内使用阻止行为,然后将回退字体应用于文本。该值可让 Web 浏览器根本不下载 Web 字体,例如,在网站访客的 Internet 连接很慢时。

有关 font-display 及其支持的值的技术详情,请参阅 CSS 字体模块 4 级规范

注意:

默认情况下,创建 Web 字体项目时将字体显示设置为自动

如需自定义字体显示设置,请按照以下步骤进行操作:

  1. Web 项目页面,单击“编辑项目”

    编辑项目
    编辑项目

  2. 从侧边栏中选择以下任何字体显示值。默认情况下,Web 字体项目的字体显示设置为自动

    font display settings

  3. 单击“保存更改”,在数分钟内将字体显示值应用于您的网站。

新的字体显示设置自动包含在您的网站中,作为现有嵌入代码的一部分。

更新现有 Web 项目

字体显示支持已添加至将于 2020 年 9 月加载的 Adobe Web 字体中。2020 年 9 月之前创建的 Web 项目已更新为使用默认的字体显示:自动行为。

通过执行上述步骤,可以更改任何现有项目的字体显示设置。保存更改后,新的字体显示设置将包含在您的网站中,作为现有嵌入代码的一部分。您无需对网站本身进行更改。

更快、更轻松地获得帮助

新用户?