0

如果我们猜测用户到我的网站的互联网连接速度很慢，你能告诉我应该在 CSS 文件中使用哪种字体吗？

我已经连接了本地字体文件：

@font-face {
    font-family: 'Open Sans 2';
    src: url('fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Opera 告诉我这个字体会被下载 2 秒！

歌剧

因此，站点将仅每 5 秒打开一次。这是不正常的...

问：如何只包含字体文件的一部分，或者你能给我一些轻量级的字体吗？

谢谢你的看法：）！

4

1 回答 1

1

如果您的主要目标是让您的字体不停机，那么您应该使用本机跨浏览器字体，而不是使用 CDN 或本地字体：http: //www.w3schools.com/cssref/css_websafe_fonts.asp你会很好那。

如果您真的想使用其他字体，GoogleFonts 是一个不错的选择，或者可能是本地字体 + 缓存。您也可以使用 JS 字体加载器，如在此处解释https://www.lockedowndesign.com/load-google-fonts-asynchronously-for-page-speed 但是我认为加载字体时会出现闪烁效果。

您必须考虑您的受众以及对您来说最重要的是什么。如果您知道它们的连接速度都会很慢，那么请仅使用本机/安全字体。

于 2016-02-01T10:41:52.340 回答