关于字体

css中设置字体,使用font-family属性。font-family包括5种字体系列:sans-serif, serif, monospace, cursive, fantasy。每个系列又包括多种字体。

  • sans-serif: Verdana, Arial, Arial Black, Geneva ... 这一系列的字体是没有衬线的,看上去清晰易读,在电脑上更具可读性
  • serif: Times, Times New Roman, Georgia ... 这一系列的字体是有衬线的,看上去古典优美,一般用于报纸印刷
  • monospace: Courier, Courier New, Andale Mono ... 这一系列字体的字母都具有相同宽度,很像用打字机打出来的,主要用于显示软件代码实例
  • Cursive: Comic Sans, Apple Chancery ... 这一系列的字体看上去都像是手写的,有时候用于标题
  • Fantasy: LAST NINJA, Impact ... 这一系列的字体是一些有固定装饰的字体,并不常见,在规范的Web设计中也不常见

一般设置font-family属性时,会先写1-3个具体字体,最后写一个字体系列,如果前面的具体字体无法找到,那就在字体系列中找一个能找到的字体。当然,这些字体必须都属于最后那个字体系列才行。每位用户电脑上安装的字体并不一样,那么如何设置font-family的值,才能最大限度地通用呢?

  • Windows和Mac: Andale Mono, Arial, Arial Black, Comic Sans, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana
  • Mac: Geneva, Courier, Helvetica, Times
原文地址:https://www.cnblogs.com/yuepeng/p/2806571.html