Light/Easy 网速较慢的字体粗细 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

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

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

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

Light/Easy 网速较慢的字体粗细 CSS

Light/Easy weight font for slow internet connection CSS

html

css

fonts

lightweight-processes