CSS字体声明问题

时间:2010-12-07 12:06:17

标签: css fonts

这是什么区别:

font-family: Arial, helevetica;

和此:

font: arial/ helvetica;

我见过两者但不确定区别?

3 个答案:

答案 0 :(得分:5)

斜线(/)是拼写错误吗?因为我可以在font:属性中成像的唯一斜杠是表示字体大小和行高的单词(例如16px/20px

无论如何,font:是允许您一次设置多个字体属性的属性,而font-family显然只允许您设置字体。使用font:,您还可以设置大小,粗体/斜体,行高和变体:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

与:

相同
font: bold italic small-caps 1em/1.5em verdana,sans-serif;

您也可以省略已设置的属性。只是尺寸,家庭和大胆:

font: bold 1em arial,verdana;

答案 1 :(得分:2)

感谢您提出这个问题。

作为@Stephan Muller said斜杠可能只是一个拼写错误,试图表示字体大小和行高,但是在某些字体中也可能有斜杠:

font-family: Copperplate / Copperplate Gothic Light, sans-serif;
font-family: Gill Sans / Gill Sans MT, sans-serif;

希望这有帮助!

答案 2 :(得分:0)

斜杠是用于同时设置字体大小和行高的简写。所以,语法是你的简写不正确。

font: 12px/14px Arial, helvetica;

是斜杠的唯一正确用法。在这个例子中,它将字体大小设置为12px,行高设置为14px,字体系列设置为Arial,helvetica。