• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  网站设置的特殊字体正文

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

作者:网页模板
类型:图文教程
点击次数:
发布时间:2014-03-10 11:09
分享到:
我们在做网站时,有时候会用到自己喜欢的字体,但是这种字体并非像宋体等几乎每台电脑都安装的常用字体。如果你使用了这种字体,会导致,在安装了这种字体的电脑上正常显示,而在没有安装的电脑上就会显示成默认字体,导致页面不好看,甚至变形错位。下面介绍的方法,可以使您的网站使用任何字体,在没有安装该字体的电脑也能正常显示。
首先下载“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

(责任编辑:网页模板)
  • 本文标签:
  • 网站,设置,的,特殊,字体,在,没有,该,电脑,上,
overflow:hidden在IE6下没有效果的解决办法
利用@media screen实现网页布局的自适应,@media screen and