字体

2018-12-23  本文已影响0人  lindyang

下载字体并未在Web浏览器中得到很好的支持.
斜体倾斜文本

除了特定字体系列, CSS 还定义了 5 种通用字体系列.

serif: 成比例, 都衬线
sans-serif: 成比例
monospace: 等宽, 可能有衬线
cursive: 手写体, 曲线, 小弯
fantasy:

font-family: Times, TimesNR, 'New York', serif;

建议加引号(单双都可以). 与所接受关键字匹配的字体名必须加引号.

font-weight: 400; /* normal /
font-weight: 700; /
bold */

font-size 的作用是未给字体的 em 框提供一个大小, 而不能保证实际显示的字符就是这种大小.
绝对大小的缩放因子应当是1.5(0.66), 但是可能介于1.0~1.2.

浏览器在标准模式时会把medium作为默认大小.
不同于加粗的相对值, 绝对大小值不必限制在绝对大小范围内.
Explorer, 第三个关键字刚好是 small.
百分数值总是根据从父元素继承的大小来计算.

font-size 继承的是计算值而不是百分数.
用像素大小保持文本和图形等高.
italic 是一种单独的字体风格.
oblique 文本则是正常竖直文本的一个倾斜版本.
font-variant: small-caps/normal;

  • 用户代理缩放大写字母创建一个 small-caps 字体
  • 所有字母都大写, 而且大小相同

x-height 除以 font-size 的结果称为方面值.
font-stretch, font-size-adjust
[font-style || font-variant || font-weight]? <font-size>
[/<line-height]?<font-family> | caption | icon | menu |
message-box | small-caption | status-bar | inherit
百分数**对于<font-size>相对于父元素来计算, 对于<line-height>则相对于<font-size>来计算.
如果某个属性的值为normal, 则可以忽略.
前 3 个值允许采用任意的顺序.

font-size, font-family 是必选的.
使用简写的 font 时, 所有被忽略的值都会被重置为其默认的值.

上一篇下一篇

猜你喜欢

热点阅读