ui设计-font

来源：互联网发布：警用证件夹淘宝编辑：程序博客网时间：2024/05/21 06:59

字体(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.字体颜色

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

阅读全文

0 0