【问题标题】:@font-face with google web fonts@font-face 带有谷歌网络字体
【发布时间】:2014-01-13 12:03:14
【问题描述】:

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

有人可以帮我了解与放置在全局标题中的网络字体相关的下载和延迟问题吗...是否真的会在每次请求页面并提供页面时下载字体,即使 @font-face 标签是'没有在特定页面上请求,或者字体是否已经加载?网页字体是否像图片一样被缓存,然后根据需要从用户机器再次请求?

【问题讨论】:

  • 字体将被缓存,并且只会在包含@font-face 标签的页面上下载 - 即使该页面上没有使用该字体

标签: css font-face google-webfonts


【解决方案1】:

不过,您的要求并不完全清楚:

您在页面上的@font-face 中包含的任何字体都将加载到该页面上。仅当您的用户已经在其浏览器中缓存了字体时,情况并非如此(在这种情况下,浏览器将恢复到缓存版本而不是下载文件)。

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

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

希望这有帮助吗?

【讨论】:

  • 您的回答符合问题的逻辑。谢谢你。我一直在寻找这种情况的答案:如果存在链接标签,但该页面上未使用@font-face,字体是否仍会加载到系统中?这个答案似乎证实了这一点。是的,链接的样式表将被加载天气或页面上实际调用的字体。
【解决方案2】:

仅在您指定的地方才会请求。
如果您使用通用标题,其中调用了<link> to google 字体,是的,它将在每个页面上请求。

【讨论】:

    猜你喜欢
    • 2012-02-16
    • 2018-06-11
    • 2016-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-24
    • 2013-02-26
    • 2011-11-18
    相关资源
    最近更新 更多