CSS - font-family 属性



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

可能的值

  • 具体字体名称:例如“Arial”、“Times New Roman”、“Courier New”、“Verdana”、“Helvetica”等。
  • 通用字体系列:这些是通用字体类别,如果特定字体不可用,将使用这些字体。例子包括“衬线”、“无衬线”、“等宽”、“草书”、“幻想”。
  • 字体堆栈:这些是用逗号分隔的字体列表,浏览器将使用列表中的第一个可用字体。例如:“Arial, Helvetica, sans-serif”。
  • URL:您可以通过使用 @font-face 规则提供字体文件的 URL,然后在 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>