使用在线字体

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

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

既然如此，那么选择的余地就很大了，只需要有字体文件就可以。于是一些人就开始想，我可不可以提供一个在线字体的服务，大家可以直接看到字体的效果，然后获取代码引用这个字体？于是就出现了在线字体，比较有名的有 Google 在线字体。

不要高兴的太早了，自定义字体，目前只能应用在英文中。为什么呢？你下载个字体看一下就知道了，通常英文字体只有几百KB，因为它只需要包含数字、标点、英文字母即可。而中文字体通常十几M，最小的也要好几M。因为汉字实在是太多，而且还需要对每个汉字进行设计制作。这样的话，汉字就没法应用了，因为你要打开一个网页，还需要先下载个几M的汉字字体，在目前国内的网速是不现实的。

本文部分参考并引用了以下网络资料，同时也推荐以下资料：

禅意花园（修订版）

W3school  CSS 字体

Mac Ｗin 网页字体显示方案

引用部分，版权归原作者所有。

上一页

1

2

3

本文来源：潜行者M 作者：潜行者M