在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字体,备用草书字体。