切换语言为:繁体

font: 1em Gaegu, cursive; 这是什么意思,跟font-family有何区别

  • 爱糖宝
  • 2024-11-14
  • 2023
  • 0
  • 0

在CSS中,font 属性是一个简写属性,用于设置字体的多个特性,如字体样式、字体粗细、字体大小、行高以及字体族。而 font-family 是 font 属性的一部分,专门用来指定文本应该使用的字体族。

font 属性

font: 1em Gaegu, cursive; 这个声明做了以下几件事:

  • 1em:指定了字体大小。这里使用的是相对长度单位 em,表示字体大小为父元素字体大小的1倍(即与父元素相同)。

  • Gaegu:这是一个具体的字体名称,浏览器会尝试使用这个字体来显示文本。

  • cursive:如果Gaegu字体不可用,浏览器将选择一个可用的草书(手写风格)字体来代替。

fontFamily 属性

font-family 属性只关注字体族的选择。例如:

  • font-family: 'Gaegu', cursive; 这个声明告诉浏览器首先尝试使用名为 "Gaegu" 的字体,如果该字体在用户的系统上不可用,则使用任何可用的草书字体。

区别

  • font 是一个复合属性,可以同时设置多个字体相关的属性,包括但不限于 font-family。

  • font-family 只是 font 属性中的一个部分,专门负责字体族的选择。

示例

如果你只想设置字体族而不改变其他字体属性,使用 font-family 是更直接的方式。例如:

p {
  font-family: 'Gaegu', cursive;
}

如果你想一次性设置字体大小、字体族等,可以使用 font 属性:

p {
  font: italic bold 1em 'Gaegu', cursive;
}

这会将段落内的文字设置为斜体、加粗、大小为1em,并且首选Gaegu字体,备用草书字体。

0条评论

您的电子邮件等信息不会被公开,以下所有项均必填

OK! You can skip this field.