英文字的图片大小较为小能够应用置入字体样式让网址展现更强，但汉语就不一样了，图片大小是MB等级，为了更好地WEB端特性，只能应用系统软件内置的默认设置字体样式，殊不知大家有Windows和MacOS2个系统软件，这两个系统软件的默认设置字体样式是不一样的，那麼CSS中的font-family、文字大小、色调、行间距怎么设置才算是最美丽、最好看的呢？做为网站设计师，对这些方面也有一定的科学研究，下边是设计达人（ 　　注：这儿大家只详细介绍「大部分」的使用方法，某些独特设计方案要求的网址很有可能不适合此方式。

　　从客户体验视角而言，文章段落文本阅读感受最好是的是黑体字（无衬线体），并非宋体字（衬线体），Win7的情况下，字体样式默认设置的宋体字，而从Windows10逐渐，电脑浏览器默认设置字体样式改为微软雅黑了，而MacOS默认设置也是黑体字并非宋体字。

强烈推荐字体样式：

Windows：MicroSoftYaHei（微软雅黑）MacOS：PingFangSC（苹方）或HiraginoSansGB（冬青黑体）

body{　　fomt-family:HiraginoSansGB,MicroSoftYaHei;}字体样式Color

　　大部分网站背景图片色调是应用乳白色，因此字体样式应该是应用灰黑色比较友善，当不建议应用纯黑色（#），这是由于纯白色底与纯黑色的比照太过度明显，能够应用灰一点的灰黑色，例如#，那样能缓解客户视觉效果压力。

强烈推荐字体样式：#

body{　　color:#;}字体样式Font-Size

　　因为如今的电脑屏全是宽屏幕，手机上的显示屏也是高清屏，因此文字大小提议选用16PX字体大小会较为合适阅读文章。

强烈推荐字体样式szie：16px

body{　　font-size:16px;}字体样式行间距Line-Height

　　字体样式行间距针对阅读文章也是有有非常大的危害，较为选定过小，针对几行文本的情况下，非常容易在阅读文章时「串行通信」，因此字体样式的选定本人提议是字体样式的1.5–2.0倍中间。

强烈推荐行间距：1.75EM

body{　　line-height:1.75;}

这儿后边也没有添加em，是由于CSS默认设置便是em为企业，因此em能够省去不写

body{/*字体样式*/font-family:-apple-system,BlinkMacSystemFont,MicrosoftYaHei,sans-serif;/*字体大小*/font-size:16px;/*字体样式*/color:#;/*行间距*/line-height:1.75;}

这儿表明一下-apple-system和BlinkMacSystemFont便是让MACOS全自动挑选系统字体的含意。