网页设计中最重要的细节之一——字体(6)

font-family：用于定义字体，上面有演示不多说。更详细的资料请看：font-family。

font-style：用于定义字体的样式，包括正常、斜体、倾斜等，对应的属性值为：normal – 文本正常显示、italic – 文本斜体显示、oblique – 文本倾斜显示。

font-weight：用于定义文字的粗细，详细的属性值请看：font-weight。

font-size：设置字体大小，不再赘述。

line-height：用于设置文字中的行间距，合适的行间距对用户阅读带来良好体验。同时还可以用于垂直布局单行文字。

letter-spacing：设置文字之间的字间距，使文字之间的距离增大或者减小。

word-spacing：用于调整单词的间距。

text-align：用来对齐文字，例如左对齐、右对齐、居中对齐等。

text-decoration：用来修饰一段文本，例如添加下划线等。常对 a 标签使用这个属性消除其默认的下划线。

上面是与字体相关，比较常用的 CSS 属性，还有其他更加具体的，可以参考网上的资料，推荐 W3school 上面的有关字体的资料。

使用在线字体

在 CSS3 中，引入了一个非常强大而且实用的功能来面对上面的字体选择问题。传统的字体选择，要你的操作系统中安装相应字体才可以显示。如果你在网页作品中，使用了其他的创意字体，那么你需要生成相应的文字图片来替换，否则不会显示。CSS3 中的这个功能，就是 Web Fonts，网页中可以使用安装在服务器端的字体。你可以将选择好的字体，上传到服务器中，然后使用 CSS3 新增的 @font-face 属性，来调用服务器上的字体，然后来渲染网页。

支持 CSS3 这一功能的浏览器，会首先找到服务器上的字体，然后下载下来进行渲染。这样就彻底解决了本地操作系统中，没有对应字体的问题。关于 @font-face 的具体使用方法，由于比较多，在本文不再赘述，请大家自行百度之：@font-face的使用方法。

既