网站标准字体CSS的最佳书写方式：无衬线优于衬线

字体

从用户体验的角度来看，段落文本最好的阅读体验是粗体（无衬线），而不是Arial（衬线） ，在Win7中是默认字体Arial，但从Windows 10开始，默认浏览器字体已更改为微软雅黑，Mac OS默认为黑龙而不是Arial。

推荐字体：

Windows：MicroSoft YaHei（微软雅黑）
Mac OS：PingFang SC（电影）或 Hiragino Sans GB（Holly Black）文章。标题字体（20 像素及以上），而 Holly Helvetica 用作段落字体。

字体颜色

大多数网站的背景色都是白色，所以使用黑色作为字体更加友好。不建议使用纯黑色（#000），因为纯白色背景与纯黑色的对比度太大。如果太浓，可以使用灰一点的黑色，比如#333，这样可以减轻用户的视觉负担。

推荐字体颜色：#333

body{
	color:#333;
}

font-size-font-size

因为现在电脑屏幕是宽屏，手机屏幕是高清屏，所以建议字体大小为16PX，哪个更适合阅读。

建议字体大小：16px

body{
	font-size:16px;
}

字体行距行高

字体行距对阅读也有很大影响。如果选择的尺寸太小，对于多行文本，阅读时很容易出现“连载”。 ，所以我个人建议字体选择在字体大小的1.5-2.0倍之间。

建议行距：1.75EM

body{
	line-height:1.75; 
}

后来没有添加，因为CSS默认以em为单位，所以可以省略

CSS的最佳写法

body {
  /*  字体  */
  font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
  
  /*  字号 */
  font-size: 16px;
  
  /*  字体颜色  */
  color: #333;
  
  /* 行距 */
  line-height: 1.75;
}

这里声明一下- apple-system 和 BlinkMacSystemFont 表示 MAC OS 将自动选择系统字体。

最后，网页设计趋势在不断变化。比如微软和苹果突然出现了超牛逼的X网页字体……这个时候设计师就得根据需求来改变了。