标签：
字体
网页中的字体有三个来源。
1、用户机器中安装的字体。（直到最近，这些字体还是能在网页中放心使用的唯一一批字体。）
2、保存在第三方网站上的字体。最常见的是 Typekit 和 Google，可以使用 link 标签把它们链接到你的页面上。
3、保存在你的 Web 服务器上的字体。这些字体可以使用@font-face 规则随网页一起发送给浏览器。
以下就是与字体样式相关的 6 个属性。
? font-family
? font-size
? font-style
? font-weight
? font-variant
? font（简写属性）
字体族font-family
有哪些通用的字体类呢？有以下几种：
? serif，也就是衬线字体，在每个字符笔画的末端会有一些装饰线；
? sans-serif，也就是无衬线字体，字符笔画的末端没有装饰线；
? monospace，也就是等宽字体，顾名思义，就是每个字符的宽度相等（也称代码体）；
? cursive，也就是草书体或手写体
字体大小font-size
font-size 是可以继承的。换句话说，改变一个元素的字体大小，可能会导致其子元素字体大小成比例地变化。比如说把 body 元素的 font-size 设定为 200%，那么页面中所有元素的文本都会增大一倍。
1. 绝对字体大小px
2. 相对字体大小em
3. 关于 rem 单位
这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了 IE8 及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem 设定的字体大小。
字体样式font-style
值： italic、 oblique、 normal。
字体粗细font-weight
可能的值： 100、 200……900，或者 lighter、 normal、 bold 和 bolder。
字体变化font-variant
值： small-caps、 normal。
简写字体属性
规则一：必须声明 font-size 和 font-family 的值。
规则二：所有值必须按如下顺序声明。
1. font-weight、 font-style、 font-variant 不分先后；
2. 然后是 font-size；
3. 最后是 font-family。
文本属性
以下是几个最有用的 CSS 文本属性：
? text-indent
? letter-spacing
? word-spacing
? text-decoration
? text-align
? line-height
? text-transform
? vertical-align
文本缩进text-indent
值：长度值（正、负均可）。
文本装饰text-decoration
值： underline、 overline、 line-through、 blink、 none。
文本转换text-transform
值： none、 uppercase、 lowercase、 capitalize。
垂直对齐vertical-align
值：任意长度值以及 sub、 super、 top、 middle、 bottom 等。
Web 字体大揭秘
目前，使用@font-face 规则在网页中嵌入可下载字体的 CSS 功能，已经得到了浏览器广泛支持。
@font-face 规则为设计师提供了系统自带字体以外的广泛选择。换句话说，浏览器可以从 Web 服务器下载字体，就意味着不必再依赖用户机器中的字体，而且也可以确保用户能够看到 CSS 中设定的字体。
设定 Web 字体的方式有以下三种。
1、使用 Google Web Fonts 或 Adobe 的 Typekit 等公共字体库。
2、使用事先打好包的@font-face 包。
3、使用 Font Squirrel 用你自己的字体生成@font-face 包。
标签：
原文地址：http://my.oschina.net/Cheney521/blog/512133
