我看到施加到這種字體樣式有什麼特別的方法?
font: 400 50px/60px "minion-pro",times,serif;
的元件這個特定的字體的CSS。我想了解什麼是400px什麼意思50px/60px和三種字體「minion」,時間或serif得到應用。
我看到施加到這種字體樣式有什麼特別的方法?
font: 400 50px/60px "minion-pro",times,serif;
的元件這個特定的字體的CSS。我想了解什麼是400px什麼意思50px/60px和三種字體「minion」,時間或serif得到應用。
,你可以這樣寫:
div{
font-weight:400;
font-size:50px;
line-height:60px;
font-family:"minion-pro",times,serif;
}
在FONT-FAMILY他們fall back
字體。 fallBack字體表示如果"minion-pro"
不在用戶計算機中,則選擇times
而不是"minion-pro"
&如果times
不在用戶計算機中,則選擇serif
font-family。
我可以回答字體,他們會按照可用性的順序使用(某些瀏覽器可能不會渲染它們或知道它們),所以第一次使用時,然後使用襯線。對於400,我不知道此刻
它可以寫成這樣:
font-weight: 400;
font-size: 50px;
line-height: 60px;
font-family: "minion-pro",times,serif;
所以400
是字體的粗細,50px/60px
意味着50px
字體大小,其60px
行高。第一個可用字體將應用於存在於正在顯示網頁的計算機上。
font: style variant weight size/height family1, family2,...;
是短期的
font-style : style;
font-variant: variant;
font-weight: weight;
font-size: size;
line-height: height;
font-family: family1, family2,...;
的font-family
屬性採用優先級列表:
的屬性值是字體系列名稱和/或通用家族名
的優先級列表
瀏覽器將使用第一個字體系列這是可用的。有一些通用名稱,如sans-serif
,serif
和monospace
。
編輯:另請注意,font-weight:400
與font-weight: normal
相同。
參見: