[分享]css中font-family6

在CSS中，使用属性来指定文本的字体，其中fontfamily属性可以设置不止一个字体，如果浏览器不支持其中一个字体，则会使用后备字体来代替。这样可以确保在任何情况下都能够正常显示文本。在CSS3中，...

在CSS中，使用<font-family>属性来指定文本的字体，其中font-family属性可以设置不止一个字体，如果浏览器不支持其中一个字体，则会使用后备字体来代替。这样可以确保在任何情况下都能够正常显示文本。

在CSS3中，有六个预设置的font-family值，分别是：serif、sans-serif、monospace、cursive、fantasy和system-ui。

serif指的是衬线字体，如Times New Roman、Georgia等，这种字体适合用于印刷品和长文本，其字母形状较为传统，相对较为稳重。

sans-serif指的是无衬线字体，如Arial、Helvetica等，这种字体虽然没有衬线，但由于其字母形状较为简洁，因此适合用于设计风格更为现代的文本中。

monospace指的是等宽字体，如Courier、Consolas等，每个字符都有相同的宽度，主要用于编程或排版代码等需要垂直对齐的文本上。

cursive指的是草书体，如Brush Script、Lucida Handwriting等，这种字体印象较为柔和，适合用于艺术性较强的文本上。

fantasy指的是艺术字体，如Impact、Blackadder等，这种字体具有艺术性较强的特征，适合用于标题或一些装饰文本上。

system-ui则是一个新的预设值，它是在操作系统中设定的一种字体，在不同的操作系统上有不同的默认字体，具有很好的可读性和可用性。

body {
  font-family: serif, "Times New Roman", Georgia;
}

当使用这个样式时，浏览器会先尝试使用serif字体，如果该字体不可用，则会尝试使用系统自带的Times New Roman或Georgia字体。