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

标签 css font-face google-webfonts

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

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

最佳答案

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

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

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

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

希望这对您有所帮助?

关于css - @font-face 与谷歌网络字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20686169/

相关文章:

css - Google Chrome 浏览器中的文本垂直对齐错误

css - CSS 下拉菜单中的定位、 block 大小和背景

css - CSS中的旋转元素会正确影响其 parent 的高度

eclipse - 为什么即使我删除了@font-face 代码并从我的机器上卸载了字体,我的@font-face 字体仍能正常工作?

css - 在 IE11 中使用安装的字体与 webfont 时打开 Sans 字体更粗

css - RESET.CSS 仅在 Safari 中阻止 <em> 的样式...为什么?

html - 两个带有底层图像的独立 DIV 不会 float 到右侧

jQuery scrollTo 不工作的 body ,html 设置 100%

css - @font-face : Accented characters not displaying right - only in Safari

html - @font-face 的悬停区域错误?