📜  CSS font-family属性

📅  最后修改于: 2020-11-04 05:55:00             🧑  作者: Mango

CSS font-family

此CSS属性用于提供以逗号分隔的字体系列列表。它为元素的文本内容设置字体。此属性可以将多个字体名称作为备用系统保存,即,如果浏览器不支持一种字体,则可以使用其他字体。不同的字体家族用于制作有吸引力的网页。

CSS中有两种字体家族名称,定义如下:

  • family-name:它是字体家族的名称,例如“ Courier”,“ Arial”,“ Times”等。
  • generic-family:泛型族的名称,包括五个类别,即“ serif”,“ sans-serif”,“ cursive”,“ fantasy”和“ monospace”。它应放在字体系列名称列表的最后。

让我们定义泛型类别。

serif:主要用于我们在编写印刷文本时使用,例如书籍,杂志,报纸等。它包括字体家族,例如Georgia,Garamond,Times New Roman,Minion等。

sans-serif:这是一种现代,正式和简单的风格。它被广泛使用,但最常见的是数字形式的文本。它包括Arial,Calibri,Verdana,Futura,Lato等字体家族。

草书:主要用于写邀请函,非正式消息等。它就像用笔或毛笔书写的手写文本。它包括的字体家族是Insolente,Corsiva,Flanella,Belluccia,Zapfino等。

等宽字体:用于说明,邮寄地址,打字文本等。它包括摩纳哥,SimSun,Courier,Consolas,Inconsolata等字体家族。

幻想:它使文本表现力,装饰性和影响力。它包括“冲击”,“铜版”,“裂纹”,“小动物”等字体家族。

句法

font-family: family-name|generic-family|initial|inherit;

Values

让我们看一下font-family属性的值。

family-name/generic-family:它是字体系列名称和通用系列名称的列表。

initial:用于将属性设置为其默认值。

inherit: 用于从其父元素继承属性。

让我们通过插图来了解它。







The font-family Property

Hello World :) :)

Welcome to the javaTpoint.com