html - 用于慢速互联网连接的 Light/Easy weight 字体 CSS

Question

如果我们猜测用户到我网站的互联网连接速度较慢，您能告诉我应该在 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 秒打开一次。这是不正常的……

Q: How to include only part of font file or could you give me some kind of lightweight font ?

感谢您的观看:)!

Answer 1

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

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

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