扯点: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数值关键词,其实就是到字体系列中找对应匹配的字体,例如

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框提供一个大小,而不能保证实际显示的字符就是这种大小。
扯点:font_第1张图片

其他属性

风格 font-style:italic | oblique | normal

变形 font-variant: small-caps | normal

拉伸 font-stretch

调整字体 font-size-adjust

引入字体 @font-face

组合使用

font: font-style | font-variant | font-weight | font-size/line-height font-family

你可能感兴趣的:(css,字体)