我使用的是Google网络字体，在我网站的“head”部分中链接如下：
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600,700">
我的客户正在使用Safari并报告以下行为：
首次加载页面时，设置为“font-weight：300”的字体 显示出比他们应该更大胆的东西。
当浏览器窗口缩小并重新缩放时，它会自行清理 向上，字体显示正确的重量。
什么会导致初始状态？可能页面加载速度比三个权重（300,600,700）可以从Google下载？
非常感谢有关外部字体如何加载与本地CSS等相关的任何见解。
答案 0 :(得分：1)
如果未在CSS中明确指定，默认字体粗细为400（别名为“normal”），但您加载的字体没有weight-400变体（仅300,600和700） 。因此，在CSS规则中使用此字体的任何元素也需要显式设置font-weight: 300（或600或700）以确保使用正确的权重变体。
（在没有字体粗细的情况下选择权重的规则记录在CSS2 spec中，从“缺失权重选择如下”开始，因此甚至可能是safari具有字体粗细在这里查找错误）