你的企业品牌字体可能很可爱，它是如此俏皮和迷人，但加载页面需要额外的三秒钟，这会让用户直接抓狂——因为字体需要从服务器下载并呈现出来，在这之前不会出现任何内容。
在文章标题和段落标题使用自定义的字体很好，它有助于产品的品牌化，并增加一些视觉兴趣点。但是，要在正文部分通篇使用自定义字体通常不是个好想法。
首先，无论是从Google Fonts，Typekit还是你自己的CDN，这些字体必须从某个地方加载。这意味着将字体文件下载到用户的电脑里会产生网络开销。在下载和呈现正确的字体时，内容密集的页面通常会遭到破坏，进而出现可怕的“无样式内容闪现”或“无样式文本闪现”（FOUC）（https://en.wikipedia.org/wiki/Flash_of_ unstyled_content）。
其次，如果你想通过选定一个风格狂野且酷炫的正文字体来呈现一个最终页面效果，那么再考虑一下：面对人家外面用的响应式设计模式和超过1000多个不同的设备，都意味着你的页面在每个人看起来都会有所不同。
幸运的是，无论你的用户是在手机还是台式机上观看，Windows或Mac（或Linux）上，系统都已经安装了一些漂亮，高度可读的字体并等着被使用。“系统字体堆栈（system font stack）”是一种CSS规则，它告诉现代浏览器用系统本机自带的字体呈现字形。
在大多数情况下，使用系统本机字体可以使页面显示得更快，并且字形看起来更清晰，更易读。
Font-family:
apple-system
BlinkMacSystemFont
Segoe UI
Roboto
Oxygen-Sans
Ubuntu
Cantarell
Helvetica Neue
sans-serif
请记住，用系统自带的字体就好。
知识点：
·使用用户已安装的系统本机字体。
·系统字体通常比自定义字体更好。
·使用本机字体可加快页面加载时间。
网友评论