各大网站最新 font-family作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。
看了一下一些比较出名的网站移动端的 font-family:天猫:font-family: PingFang SC,miui,system-ui,-apple-system,BlinkMacSystemFont
非衬线字体族monospace 等宽字体,即字体中每个字宽度相同cursive 草书字体fantasy 主要是那些具有特殊艺术效果的字体新增通用字体族关键字而在 CSS Fonts Module Level
以 CSS-Tricks 网站的 font-family 定义为例子:{ font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui
字体通常是网站上加载的最大最重的资源之一。如果我们可以使用用户机器上已有的字体,我们就完全不需要再去获取字体资源,从而使加载时间明显加快。