CSS 属性

CSS font-family是指具有相似设计特征的字体组或类别。它是一个 CSS 属性,用于指定网页上使用的首选字体或字体列表。

属性值

  • 具体字体名称: 示例包括"Arial"、"Times New Roman"、"Courier New"、"Verdana"、"Helvetica"等。

  • 通用字体系列:这些是一般类别的字体,如果特定字体不可用,则将使用这些字体。示例包括"serif"、"sans-serif"、"monospace"、"cursive"、"fantasy"。

  • Font stacks:这些是用逗号分隔的字体列表,浏览器将使用列表中第一个可用的字体。例如:"Arial、Helvetica、sans-serif"。

  • URL:您可以通过使用 @font-face 规则,然后在 font-family 属性中使用该字体的名称。

适用范围

所有 HTML 元素。

DOM 语法

object.style.fontFamily = "verdana,georgia,garamond,serif"; 

CSS font-family: 基本示例

这里是示例:

<html>
<head>
</head>
<body>
   <p style="font-family: verdana, georgia">The text is either verdana or georgia.</p>
   <p style="font-family: Times New Roman, Times, serif;">The text is Times New Roman.</p>   
</body>
</html>