有衬线字体和无衬线字体
有衬线字体和无衬线字体
操作方法
- 01
西方国家字母体系分为两类：serif(有衬线) 以及sans seri(无衬线)。 serif 是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。相反的，sans serif 就没有这些额外的装饰，而且笔画的粗细差不多。 serif 字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，sans serif 则比较醒目。在中文阅读的情况下，适合使用 serif 字体（如宋体）进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。 在css样式设置中为了 避免客户那边机器上缺少字体，在设置font-family时候可以设置多个字体，避免因为少字体而改变原有的样式。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta charset=utf-8> <style> <!--这里代表，找不到第一个字体，就找第二个，还是找不到那就选一个根据要求带不带衬线的--> #test01{ font-family:"微软雅黑","黑体",sans-serif; } #test02{ font-family:"New Times","新宋","宋体",sans; } </style> </head> <body> <div id="test01"> serif 是有衬线字体，意思是在字的笔画开始、<br/> 结束的地方有额外的装饰，而且笔画的粗细会有所不同。<br/> 相反的，sans serif 就没有这些额外的装饰，而且笔画的粗细差不多。<br/> </div> <div id="test02"> serif 是有衬线字体，意思是在字的笔画开始、<br/> 结束的地方有额外的装饰，而且笔画的粗细会有所不同。<br/> 相反的，sans serif 就没有这些额外的装饰，而且笔画的粗细差不多。<br/> </div> </body> </html>