在页面和性能上使用字体框架的每种文本样式?

时间:2013-08-29 10:47:35

标签: html5 css3 fonts webfonts google-webfonts

我们计划使用Google字体框架来处理字体。我的问题是,可以将字体样式应用于每个文本实例(例如,段落和其他“常规”文本“)​​,还是应该在标题和其他标注等地方谨慎使用?我很好奇一旦将样式应用于页面上的所有文本后,页面在渲染后(或在渲染期间)的性能。谢谢。

1 个答案:

答案 0 :(得分:2)

一旦浏览器向Google请求了该字体,您就可以使用该字体,如果它是本地字体,那么只需要1个网站中所有文本的请求。因此:将字体样式应用于文本没有延迟,只需将其作为普通字体应用于您的body元素(显然在正确导入之后)。

无论如何,出于速度原因,我总是建议在本地下载字体,因为你第一次加载你的网站时,你有时必须向不同的服务(google,facebook,twitter等)发出请求,每一个导致请求,可能减慢第一个负载。这通常是您稍后可以进行的优化。

尝试两种可能的方法并检查。