css - @font-face 与谷歌网络字体

Question

我不认为这是真的，但有人告诉我，当使用 GoogleApi 加载字体时，字体会加载到所有页面上，无论是否实际使用。我假设字体仅加载到调用了 @font-face 的页面上。

有人能帮我理解与放置在全局标题中的网络字体相关的下载和延迟问题吗？即使 @font -face 标签在特定页面上没有被请求，或者字体是否已经加载？ Web 字体是否类似于图像缓存，然后根据需要从用户计算机再次请求？

Answer 1

但是，您的问题并不完全清楚:

您在页面上的 @font-face 中包含的任何字体都将加载到该页面上。只有当您的用户已经将字体缓存在他们的浏览器中时才会出现这种情况(在这种情况下，浏览器将恢复到缓存版本而不是下载文件)。

如果页面中未包含 @font-face，则不会加载。

这里的主要区别在于，如果您在单独的 CSS 文件中包含 @font-face，在这种情况下，字体将为加载该 CSS 文件的每个页面加载(无论字体本身是否在该特定页面上被引用)。

希望这对您有所帮助？