如果您的字體中有空格，您如何使用字體速記？

Question

例如

@import url('https://fonts.googleapis.com/css?family=Open+Sans'); 

div { 
    font:12px black "Open Sans"; 
} 

不被接受的鉻，使用單引號或沒有引號也沒有幫助。如何在不爲字體族編寫額外的行的情況下使用字體？

Answer 1

其實，black是什麼使該行CSS無效的。 font: 12px "Open Sans";應該完美工作（當我嘗試在Chrome上時）。如果您嘗試設置字體顏色，請使用color: black;屬性進行設置。

Answer 2

其實，Chrome不承認black，不'Open Sans'。使用重量測量而不是：

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800'); 
 

 
div { 
 
    font: 800 12px 'Open Sans'; 
 
}

<div> 
 
    Some lipsum text right here. 
 
</div>

black不是font公認值：

字體CSS屬性是一個速記屬性設定 font-style，font-variant， font-weight，font-size，line-height和 font-family，還是有辦法元素的字體設置爲系統字體， 使用特定的關鍵字。

如果您要設置字體顏色，您必須使用color：

div { 
    color: #000; /*or color: black;*/ 
    font: 800 12px 'Open Sans'; 
}