网站设置的特殊字体在没有该字体的电脑上也能正常显示

我们在做网站时，有时候会用到自己喜欢的字体，但是这种字体并非像宋体等几乎每台电脑都安装的常用字体。如果你使用了这种字体，会导致，在安装了这种字体的电脑上正常显示，而在没有安装的电脑上就会显示成默认字体，导致页面不好看，甚至变形错位。下面介绍的方法，可以使您的网站使用任何字体，在没有安装该字体的电脑也能正常显示。
首先下载“Microsoft Typography - WEFT 3”，下载地址：http://www.microsoft.com/typography/web/embedding/weft3/download.aspx（打开这个页面，找到类似于：location - http://download.microsoft.com/   location后面的链接即为下载地址。）
安装和使用步骤如下：
1.安装软件后点击打开根据资料输入信息
2.把对应的要设置特殊字体的页面打开

3.选择后按下一步，默认提示，继续下一步。
4.工具会自动分析出打开的页面所包含的字体，如果你不想把某种字体嵌入网页的话，选中该字体，点击”Don’t embed”就可以。
5.然后到“Create Font Objects”的步骤，就是创建字体的文件。

然后勾选这两项，点击下一步

6.最后生成一段样式代码，把代码连接到文字上。

在页面的文件夹里自动生成了特殊字体的文件，把文件传到空间就完成了。如图：

当然，不用这个工具，到“http://www.fontsquirrel.com/tools/webfont-generator”也可以转换字体，一共三种格式的字体：.eot、.woff和.ttf，然后把这三种格式的字体上传到服务器，要使用这个字体的时候，加入类似于下面的代码即可：

@font-face {
    font-family: 'exodemi_bold';
    src: url('exo-demibold.eot');
    src: url('exo-demibold.eot?#iefix') format('embedded-opentype'),
         url('exo-demibold.woff') format('woff'),
         url('exo-demibold.ttf') format('truetype'),
         url('exo-demibold.svg#exodemi_bold') format('svg');
}

注意下字体的路径。

本文转载自：http://hi.baidu.com/oigbl/item/ab3068c074f5c35aad00efa0