字体CSS的缩写是否需要字体大小?

时间:2016-11-11 12:53:23

标签: html css

我想使用font CSS简写来包含所有字体属性(例如font-stylefont-weightfont-size等等。

如果我使用所有属性,它都有效。



p.ex1 {
    font: 15px arial, sans-serif;
}

p.ex2 {
    font: italic bold 12px/30px Georgia, serif;
}

<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
<p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
&#13;
&#13;
&#13;

但是当我只有font-weightfont-family时,它就没有了。

&#13;
&#13;
p.ex1 {
    font: 900 Georgia, serif;
 }
&#13;
<p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
&#13;
&#13;
&#13;

为什么呢?使用font-size CSS简写时是否需要指定font

3 个答案:

答案 0 :(得分:6)

来自:developer.mozilla.org/[...]/font

  

注意:使用CSS字体速记时有一些注意事项   如果不满足这些条件,则该属性无效且完全被忽略。

     
      
  • 除了使用关键字之外,必须定义font-size和font-family属性的值
  •   
  • 并非所有font-variant值都允许。
  •   
  • 只允许CSS 2.1中定义的值,即普通和小型上限。
  •   
  • 虽然不能通过字体直接设置,但font-stretch,font-size-adjust和font-kerning的值也会重置为初始值。
  •   
  • 值的顺序并非完全免费:必须在font-size值之前定义font-style,font-variant和font-weight(如果有)。
      必须在font-size之后立即定义行高值,前面是强制/。
  •   
  • 最后,font-family是必需的,必须是最后定义的值(继承值不起作用)。
  •   

答案 1 :(得分:0)

是的,添加font-size是必要的。你可以尝试一下它会起作用。

std::mutex

和font的语法是:

p.ex1 {
    font: 900 Georgia, serif;
}

http://www.w3schools.com/cssref/pr_font_font.asp

上查看

答案 2 :(得分:0)

如果你喜欢

p.ex1 {
    font:  900 19px Georgia, serif;
 }

它会起作用。

你只需要大小