html - 对页面上的每种文本样式和性能使用字体框架？

Question

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

Answer 1

一旦浏览器向 Google 请求了字体，您就可以像使用本地字体一样使用它，因此只需 1 次请求即可获得您网站中的所有文本。所以：将字体样式应用于您的文本没有延迟，只需将其作为普通字体应用于您的正文元素（显然在正确导入之后）。

无论如何，出于速度原因，我总是建议在本地下载字体，因为第一次加载网站时，有时必须向不同的服务（谷歌、脸书、推特等）发出请求，每个服务都会导致请求，可能会减慢第一次加载。这通常是您可以稍后进行的优化。

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