谷歌Web字体在初始页面加载

Question

我使用谷歌的Web字体，我的网站的“头”一节中联这样的显示不正确的重量：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600,700"> 

我的客户正在使用Safari浏览器，并报告以下行为：

1. 当第一次加载页面，它被设置为字体“字体重量：300” 是比他们应该更大胆展示。

2. 当浏览器窗口缩小并重新缩放时，它会自行清理，并且字体以正确的权重出现。

什么会导致初始状态？可能页面加载速度比三个权重（300,600,700）可以从Google下载更快？

希望任何有识之士为如何外部字体与有关地方CSS加载等

Answer 1

默认字体粗细，当不是在你的CSS明确指定的，是400（别名为“正常”），但你正在加载的字体没有重量为400的变体（只有300,600和700）。因此，任何在其CSS规则中使用此字体的元素也需要明确设置以确保使用正确的重量变体。

（在没有字体重量的情况下选择重量的规则记录在CSS2 spec中，从“缺少的重量选择如下”开始，所以它甚至可能是Safari浏览器在此处具有字体重量查找错误）