CSS学习笔记之字体样式

   CSS字体属性可以定义文本的字体系列、大小、加粗、颜色、风格(如斜体)和变形(如小型大写字母)。

CSS的字体属性: font-family   设置字体系列  
font-size   设置字体的尺寸  
font-weight    设置字体的粗细  
font-style   设置字体的风格   
font-variant    以小型大写字体或正常字体显示文本  
font    简写属性,将各个属性值写在一起  
color    设置字体颜色  

 

下面我们开始逐步学习CSS中的字体样式。

 

二、字体系列:font-family

   在CSS中有两种不同类型的字体系列名称:通用字体系列,特定字体系列。其中通用字体系列是多个拥有相似外观字体系列的组合;特定字体系列是具体的字体系列。

  为什么要称为系列呢?

我们所认为的“字体”可能有许多字体变形组成,分别用来描述粗体、斜体文本,等等。例如,你可能已经对字体 Times 很熟悉。不过,Times 实际上是多种变形的一个组合,包括 TimesRegular、TimesBold、TimesItalic、TimesOblique、TimesBoldItalic、TimesBoldOblique,等等。Times 的每种变形都是一个具体的字体风格(font face),而我们通常认为的 Times 是所有这些变形字体的一个组合。换句话说,Times 实际上是一个字体系列(font family),而不只是单个的字体。——From W3School

   CSS还定义了五种通用字体系列:Serif、Sans-serif、Monospace、Cursive、Fantasy。它们的详细介绍请参考W3School和CSS Web安全字体,下面开始介绍font-family属性。

 font-family使用方式:

<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;">test font</p>

CSS学习笔记之字体样式

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zywzjf.html