最标准的系统字体规范font-family
注意系统默认字体和浏览器默认字体这个差别。
直接提供方案:
font: 14px/1.6
/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,
/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
这些都是些什么字体?
1、-apple-system, BlinkMacSystemFont:
这两个值是特殊供 iOS 和 macOS(OS X) 使用的属性值,前者只被 Safari 识别,后者只被 Chrome 识别。也就是说它们是 Webkit 私有属性,这两个值强大的地方就在于,其会根据系统版本的不同,渲染出不同的字体。
2、"Segoe UI", Roboto, Ubuntu:
西文字体的第二梯队,分别对应了:
"Segoe UI" 对应的是 Windows 和 Windows Phone;
Roboto 对应的是 Google 家的 Android 和 Chrome OS';
Ubuntu 对应的是 Linux。
3、Helvetica Neue,Helvetica,Arial:
西文字体的最终 fallback:
"Helvetica Neue"对应的是 OS X pre-EI Capitan&#x