字体轻巧/易于使用，可实现缓慢的Internet连接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但我认为加载字体时会产生闪烁效果。

您必须考虑自己的受众，最重要的是什么。 如果您知道它们的连接速度都较慢，则仅使用本机/安全字体。