CSS font-family用法及代码示例

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

用法:

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

属性值：

fonts-name：引号中的字体名称，以逗号分隔。
initial：将属性设置为其默认值。
Inherit：从父元素继承属性。

例：

<!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">GeeksforGeeks in Impact font</p> 
    <p class="para2">GeeksforGeeks in Arial font.</p> 
</body> 
</html>

输出：

支持的浏览器：font-family属性支持的浏览器如下所示：

谷歌浏览器1.0
Internet Explorer 4.0
Firefox 1.0
Opera 3.5
苹果Safari 1.0

相关用法

注：本文由纯净天空筛选整理自AshwinGoel大神的英文原创作品 CSS | font-family Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。