预加载期间谷歌网络字体巨大答案

【问题标题】：Google web-fonts huge during pre-load预加载期间谷歌网络字体巨大
【发布时间】：2013-12-16 20:24:39
【问题描述】：

我正在为客户设计和开发 this: http://bit.ly/18bQOKS WordPress 网站。

我是第一次使用 REM（使用这种方法：http://gregrickaby.com/using-the-golden-ratio-and-rems）来处理字体大小和行高。

当页面加载时，所有字体在 Chrome 中会在几秒钟内显得大得多。我可以通过使用防弹@font-face 方法来防止这个问题吗？

谢谢！

【问题讨论】：

你是如何加载字体的？
我通过我的样式表使用带有@import 的非js 方法。 Chrome 错误已在此处注册：code.google.com/p/chromium/issues/detail?id=319623
也在这里：code.google.com/p/chromium/issues/detail?id=320754。出于某种奇怪的原因，今天早上切换到 JS 字体加载器似乎为我解决了这个问题。可能是侥幸。
它让我如厕！我会试试 JS 加载器 :)

【解决方案1】：

我发现添加 * 选择器解决了这个问题。

html{font-size:62.5%}
*{font-size:16px;font-size:1.6rem;line-height:1.75}
body{color:#444}

您可以在此处阅读有关 * 选择器的更多信息：http://www.paulirish.com/2012/box-sizing-border-box-ftw

【讨论】：