font-weight
來定義字體粗細,預設值是normal
,可以作用於所有元素,會繼承親代元素的值。font-weight
的設定值:normal
和bold
,寫作font-weight: bold;
。font-weight: 300;
,沒有單位。bolder
和lighter
,寫作font-weight: bolder;
。normal
對應400,bold
對應700,但基本不可能出現這種情況,一般字體都不會同時設定好九種粗細。normal
值,500指派給Medium,600和700分配給Bold,設定bold
值也會對應到此處,800和900屬於最粗的Extra Bold範圍。bolder
和lighter
關鍵字的使用,必須要有親代元素可以判斷繼承值,再比繼承值更粗(bolder
)或更細(lighter
)一階。bolder
時會選擇更粗一階的字體Regular,所以換算後會是400。bolder
或lighter
的元素和親代元素的字體粗細都落在同階範圍中,視覺上就不會有變化。如字體只有Regular和Bold兩階粗細,p {font-weight: normal;}
,如果<p>
元素中還有子代元素<span>
,設定span {font-weight: lighter;}
,但事實上<p>
元素已經為最細字體了,因此<p>
和<span>
兩者看起來會一樣粗細,就算<p>
元素換算是400,<span>
元素會是300或是更小的值,也不會有變化。@font-face{}
,利用多個@font-face{}
中設定font-family
和相對應的font-weight
,自行設定字體粗細的轉換點。