CSS 第007篇 字体font

 @font-face 规则

@font-face{
   font-family: 给下面这个字体起个名称;
   src: url(某某字体);
}


/*引用上面的字体*/
div{
     font-family:给下面这个字体起个名称;
}

属性	值	描述
font-family	name	必需。规定字体的名称。
src	URL	必需。定义字体文件的 URL。
font-stretch	normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded	可选。定义如何拉伸字体。默认是 "normal"。
font-style	normal italic oblique	可选。定义字体的样式。默认是 "normal"。
font-weight	normal bold 100 200 300 400 500 600 700 800 900	可选。定义字体的粗细。默认是 "normal"。
unicode-range	unicode-range	可选。定义字体支持的 UNICODE 字符范围。默认是 "U+0-10FFFF"。

---

字体样式相关属性

属性	值	描述
font	font-style 规定字体样式。 font-variant 规定字体异体。 font-weight 规定字体粗细。 font-size/line-height 规定字体尺寸和行高。 font-family 规定字体系列。 caption 定义被标题控件（比如按钮、下拉列表等）使用的字体。 icon 定义被图标标记使用的字体。 menu 定义被下拉列表使用的字体。 message-box 定义被对话框使用的字体。 small-caption caption 字体的小型版本。 status-bar 定义被窗口状态栏使用的字体。	指定在一个声明的所有字体属性 说明：可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family" font-size和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。 line - height属性设置行与行之间的空间。
font - family	family-name generic-family 用于某个元素的字体族名称或/及类族名称的一个优先表。 默认值：取决于浏览器。 inherit 规定应该从父元素继承字体系列。	指定一个元素的字体
font-size	xx-small x-small small medium large x-large xx-large 把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。 默认值：medium。 smaller 把 font-size 设置为比父元素更小的尺寸。 larger 把 font-size 设置为比父元素更大的尺寸。 length 把 font-size 设置为一个固定的值。 % 把 font-size 设置为基于父元素的一个百分比值。 inherit 规定应该从父元素继承字体尺寸。	设置不同的HTML元素的字体大小
font-size-adjust	none 默认。如果此字体不可用，则不保持此字体的 x-height。 number 定义字体的 aspect 值比率。 可使用的公式： 首选字体的字体尺寸 * （font-size-adjust 值 / 可用字体的 aspect 值）=可应用到可用字体的字体尺寸 举例： 如果 14px 的 Verdana（aspect 值是 0.58）不可用，但是某个可用的字体的 aspect 值是 0.46，那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px。	为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。 说明：字体的小写字母 "x" 的高度与 "font-size" 高度之间的比率被称为一个字体的 aspect 值。当字体拥有高的 aspect 值时，那么当此字体被设置为很小的尺寸时会更易阅读。举例：Verdana 的 aspect 值是 0.58（意味着当字体尺寸为 100px 时，它的 x-height 是 58px ）。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。
font-style	normal 默认值。浏览器显示一个标准的字体样式。 italic 浏览器会显示一个斜体的字体样式。 oblique 浏览器会显示一个倾斜的字体样式。 inherit 规定应该从父元素继承字体样式。	指定文本的字体样式
font-variant	normal 默认值。浏览器会显示一个标准的字体。 small-caps 浏览器会显示小型大写字母的字体。 inherit 规定应该从父元素继承 font-variant 属性的值。	设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。 font-variant 属性主要用于定义小型大写字母文本。
font-weight	normal 默认值。定义标准的字符。 bold 定义粗体字符。 bolder 定义更粗的字符。 lighter 定义更细的字符。 100 200 300 400 500 600 700 800 900 定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。 inherit 规定应该从父元素继承字体的粗细。	设置不同的字体粗细

---

一直在路上，自律，坚持