延迟加载谷歌字体类型

Posted 2023-03-06

【中文标题】延迟加载谷歌字体类型

【英文标题】：Delay loading google font types

【发布时间】：2012-04-20 09:28:44

【问题描述】：

至于CSS font-weight options我正在尝试ubuntu字体。

链接到 href='http://fonts.googleapis.com/css?family=Ubuntu:500,300,700,400italic,400'

所有正文字体粗细均为 400（正常），但标题为 h2 且字体粗细=300 所有内容加载速度很快，但标题有一点我不喜欢的延迟。 我不确定它是如何工作的，我猜 ubuntu-400 在 FF 字体列表中，但它必须从谷歌服务器获取 ubuntu-300。

如果这是真的与否，下载 ttf 源并从我自己的服务器加载它们是否正确和有用？

【问题讨论】：

是的，从本地服务器获取字体总是比从 Google 获取字体要快。

从我的服务器加载字体不能解决这个问题。我只在FF中得到它。 Safari 和 Chrome 可同时快速加载所有文本。这个 FF 问题只发生在字体粗细 300 和 500 上，而不是 400（正常）或 700（粗体）

耸耸肩，听起来像是 Firefox 的问题。

【参考方案1】：

如果是 FF 问题，那么在修复之前您无能为力。一个好的解决方法是使用 JS 预加载器。这样，只有在完全加载时，您的页面才会显得美观而紧凑。 PreLoadMe 不显眼，能胜任。