ui设计-font

字体(font)

.text{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             SimSun, sans-serif;
  font-size: 14px;/*字体大小*/
  font-style: inherit; /*字体样式，继承，斜体等*/
  /*font-variant: small-caps;小写转大写，很少用*/
  font-weight: bold; /*400 等同于 normal，而 700 等同于 bold*/
  line-height: 20px ;
  color: #4B4B4C;

}

说明：

1.字体家族

默认字体为 12pt，
展示型页面可以设置为 14pt，
其他字体字号相应升级。

2.字号

西文的基本行高通常是字号的 1.2em 上下，
而中文因为字符密实且高度一致，所以一般行高需要更大，1.5em 至 1.8em 之间是一个比较好的视觉阅读效果

3.行高
字体行高绝对值为『字号 x 1.5倍』。
例如：12 号字体的行高为 18px，14 号字体的行高为 21px。

4.字体颜色

文本颜色如果和背景颜色太接近就会很难以阅读，这对于深色背景和浅色背景同样适用