Css 如果字体为'；你已经从另一个网站上看到@font了吗？

我在我的网站上使用开放式SAN，我从谷歌Web字体上方便的彩色表盘上注意到，如果我想要浅色、斜体、半粗体、粗体和其他样式，那么最终用户将需要大量下载

像开放式SAN这样流行的字体真的有问题吗？浏览器是否会在网站的@font-face声明中列出自己的文件时重新下载OpenSAN

我是在招致昂贵的HTTP请求，还是只是在添加缺失的内容？所以，如果一个浏览器已经有了开放的san-Regular、Italic和Bold（以及Bold-Italic），那么他们只是从我这里获取了浅色和半粗体

先发制人更新我在@font-face声明中使用了

local（）

表达式，它给了我斜体样式的严重问题，它基本上忽略了它。

除非您使用

local（）

，你说你有问题，而且用户的字体文件与你认为的不同，字体文件就像其他资源一样（脚本、图像、样式表）

它们将被浏览器缓存，这取决于用户的偏好——这意味着它们只会被下载一次，并从那时起从缓存中使用，直到缓存过期或被清除

如果定义

@font-face

并为其指定字体文件，将下载并使用浏览器从您列出的字体文件格式列表中理解的第一种格式。这就是为什么通常首先列出最轻的格式，最后列出最重的格式：（

woff2

woff

ttf

svg

）

---

请注意，如果您从服务器上提供字体文件，浏览器将永远不会使用谷歌的字体文件，即使它们完全相同。这使您可以选择提供修改过的字体文件。但是如果你使用谷歌的字体文件，用户可能已经缓存了它们，如果它们有完全相同的下载链接（相同的权重，相同的变体），就会使用它们。

Brilliant，谢谢！因此，我们因繁重的字体而产生的性能冲击只适用于首次访问网站的用户。从那时起，他们将只使用缓存字体。当然，除非数据从缓存中清除。谢谢是的，只下载第一种格式，而不是全部。此外，它们只有在页面中的某个元素上使用时才会被下载，而不是在链接的情况下，唯一值得注意的例外是IE，IE会下载字体文件，即使页面中没有任何元素使用它们。