扯點:font

字體系列

font-family:PingFang-SC-Regular,HeitiJ-Light, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

font-family 指定字體後,加載的是對應的一套字體系列,例如pingfan SC,加載的是 pingfan SC regular ,pingfan SC medium, pingfan SC bold等字體

字體加粗

font-weight:normal | bold | bolder | lighter | 數值

font-weight數值關鍵詞,其實就是到字體系列中找對應匹配的字體,例如spa

font-family: 'pingfan SC';
font-weight: normal; // 對應 pingfan SC regular
font-weight: lighter; // 對應 pingfan SC thin
font-weight: bold; // 對應 pingfan SC medium

字體大小

font-size的做用是爲給定字體的em框提供一個大小,而不能保證明際顯示的字符就是這種大小。
imagecode

其餘屬性

風格 font-style:italic | oblique | normalorm

變形 font-variant: small-caps | normalrem

拉伸 font-stretchit

調整字體 font-size-adjustclass

引入字體 @font-faceim

組合使用

font: font-style | font-variant | font-weight | font-size/line-height font-family
相關文章
相關標籤/搜索