CSS字体家族属性(font-family)用法介绍

2021年4月1日16:40:21 发表评论 1,461 次浏览

font-family属性指定元素的字体。它可以具有多种字体作为备用系统, 即, 如果浏览器不支持一种字体, 则可以使用另一种字体。

语法如下：

element_selector {
    font-family: fonts-name|initial|inherit;
}

属性值：

fonts-name：字体名称, 用引号引起来, 用逗号分隔。
initial：将属性设置为其默认值。
继承：从父元素继承属性。

例子：

<!DOCTYPE html>
< html >
     < head >
         < title >
             CSS | font-family Property
         </ title >
         < style >
             .para1 {
                 font-family: "Impact", Times, serif;
              }
  
             .para2 {
                 font-family: Arial, Helvetica, sans-serif;
             }
         </ style >
</ head >
< body >
     < h1 >Font-family Property</ h1 >
     < p class = "para1" >lsbin in Impact font</ p >
     < p class = "para2" >lsbin in Arial font.</ p >
</ body >
</ html >

输出如下：