CSS font-family

CSS font-family

CSS中font-family属性用于提供以逗号分隔的字体列表。它为元素的文本内容设置字体。此属性可以将多个字体名称作为备用系统保存,即,如果浏览器不支持一种字体,则可以使用其他字体。使用不同的字体家族来制作漂亮的网页。
在 CSS,定义如下:

字体族名称:它是font-family的名称,例如" Courier"," Arial"," Times"等。
字体族:字体族包括五个类别,分别是"serif","sans-serif","cursive","monospace"和"fantasy"。应该将其放置在字体系列名称列表的最后。

下面我们来看看字体族。
serif:主要用于我们在编写印刷文本(例如书籍,杂志,报纸等。)它包括字体家族,例如Georgia, Garamond, Times New Roman, Minion等。
sans-serif: ,以及简单的样式。它被广泛使用,但最常见的是数字形式的文本。它包括Arial,Calibri,Verdana,Futura,Lato等字体族。
cursive:主要用于编写邀请函,非正式消息。 ,等等。这就像用笔或毛笔书写的手写文本。它包含的字体族包括Insolente,Corsiva,Flanella,Belluccia,Zapfino等。
monospace:用于说明,邮件地址,打字文本等。
fantasy::它使文本富有表现力,装饰性和影响力。该字体家族包括Monaco,SimSun,Courier,Consolas,Inconsolata等。它包括字体系列,包括Impact,Copperplate,Cracked,Criter等。
语法
 font-family: family-name|generic-family|initial|inherit;
font-family的值
让我们看一下font-family属性的值。
字体族名称/字体族:这是字体系列名称和字体族的列表。
首字母缩写:用于将属性设置为其默认值。
继承:用于继承其父元素的属性。
让我们通过插图来理解它。
示例
 <!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
}
h1.a {
  font-family: "Times New Roman", Times, serif;
  color:Red;
}
h2.b {
  font-family: Arial, Helvetica, sans-serif;
  color:blue;
}
</style>
</head>
<body>
<h1>字体族属性。</h1>
<h1 class="a">Hello World :) :)</h1>
<h2 class="b">Welcome to the bianchenghao6.com</h2>
</body>
</html>

字体族属性。

Hello World 🙂 🙂

Welcome to the bianchenghao6.com