Javascript 控制字体脸何时下载字体

据我所知，font face会直接下载字体，然后无论何时使用该字体，它都会应用它。我的“问题”是，大多数计算机都安装了Century Gottic字体，所以我不想浪费时间下载字体（实际上不是Century Gottic字体，这是一种看起来类似的替代字体），如果他们已经安装了字体的话

---

我的问题是，是否可以控制@font-face何时下载实际字体？还是只在第一次使用时下载？我目前能想到的唯一选择是运行字体测试，查看是否安装了Century Gothic（使用JavaScript），然后是否在页面中插入新样式。

您应该设置字体系列列表，浏览器将使用第一个可用的字体系列。
因此，如果设置字体系列：“Century Gothic”，“您的其他字体”，则仅当Century Gothic不可用时，才会使用其他字体

表示不会下载未实际使用的@font-face规则：

如果您使用@font-face，但从未应用过该字体系列，则不会下载该字体。很聪明，浏览器

---

您应该设置字体系列列表，浏览器将使用第一个可用的字体系列。
因此，如果设置字体系列：“Century Gothic”，“您的其他字体”，则仅当Century Gothic不可用时，才会使用其他字体

表示不会下载未实际使用的@font-face规则：

如果您使用@font-face，但从未应用过该字体系列，则不会下载该字体。很聪明，浏览器

---

也许您可以使用

local（'Century Gothic'）

？这将使用系统的字体（如果存在）

发件人：

本地值告诉浏览器在屏幕上检查您的字体 在试图从远处加载访客的计算机之前

---

因此，如果访问者的计算机具有该字体，则不会下载该字体。

也许您可以使用

local（“世纪哥特式”）

？这将使用系统的字体（如果存在）

发件人：

本地值告诉浏览器在屏幕上检查您的字体 在试图从远处加载访客的计算机之前

---

因此，如果访问者的电脑有字体，它将不会被下载。

感谢jcsanyi澄清字体系统的工作原理。考虑到这一点，我可以做一个备份。我是用以下方法导入的：

@font-face {
    font-family: CenturyGothicFallback;
    src: url('/Resources/Avant Garde Book BT.ttf');
}

font-family:Century Gothic,'Century Gothic',CenturyGothicFallback,Arial,sans-serif;

然后我将其应用于：

@font-face {
    font-family: CenturyGothicFallback;
    src: url('/Resources/Avant Garde Book BT.ttf');
}

font-family:Century Gothic,'Century Gothic',CenturyGothicFallback,Arial,sans-serif;

---

我使用的字体是：它看起来几乎与世纪哥特式完全相同。

感谢jcsanyi澄清了字体系统的工作原理。考虑到这一点，我可以做一个备份。我是用以下方法导入的：

@font-face {
    font-family: CenturyGothicFallback;
    src: url('/Resources/Avant Garde Book BT.ttf');
}

font-family:Century Gothic,'Century Gothic',CenturyGothicFallback,Arial,sans-serif;

然后我将其应用于：

@font-face {
    font-family: CenturyGothicFallback;
    src: url('/Resources/Avant Garde Book BT.ttf');
}

font-family:Century Gothic,'Century Gothic',CenturyGothicFallback,Arial,sans-serif;

---

我使用的字体是：它看起来几乎与世纪哥特式完全相同。

是的，但另一种字体仍将下载。如果我的服务器真的很糟糕，但它无论如何都不会使用额外的字体，那么没有理由添加额外的下载时间。是的，但其他字体仍将被下载。没有理由增加额外的加载时间，从我糟糕的服务器下载额外的字体，如果它不打算使用它。