用于慢速互联网连接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秒打开一次。这是不正常的......

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

感谢您查看：）！

Answer 1

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

如果您真的想使用其他字体，GoogleFonts是一个可靠的选项，也可能是本地的+缓存。你也可以使用像这里解释的JS字体加载器https://www.lockedowndesign.com/load-google-fonts-asynchronously-for-page-speed 但是当我加载字体时你会有一个闪烁的效果。

您必须考虑您的受众以及对您来说最重要的内容。如果你知道它们的连接速度都很慢，那就选择使用原生/安全字体。