扯点: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
相关文章
相关标签/搜索