• Font
  • Family
  • Foundry
  • Designer
  • Sample
  • Article
  • Help
Fontke.com>Article>Details

用WEFT工具制作EOT字体 让网页字体轻松秀出来

Date:2006-11-16 17:05:22| Software|Browse: 526|Source: eNet硅谷动力|Author:
  • Follow FontKe on Wechat to get Zcode
  • Scan the Qrcode to participate in the SVIP lottery
Introduction有不少初学做网页的朋友,会犯这样一个错误――在网页中使用了很多种特殊的精美的字体,当网友们浏览时,却因没有安装相应的字库,只能看到默认的宋体字,效果惨不忍睹。利用图片的方式来显示这些特殊字体,会使网页的体积增大很多,而且还不能方便地复制网页的内容。好

有不少初学做网页的朋友,会犯这样一个错误――在网页中使用了很多种特殊的精美的字体,当网友们浏览时,却因没有安装相应的字库,只能看到默认的宋体字,效果惨不忍睹。利用图片的方式来显示这些特殊字体,会使网页的体积增大很多,而且还不能方便地复制网页的内容。好在微软公司发布了一款名为Microsoft Web Embedding Font Tool (WEFT)的软件,可以很方便地解决在网页中嵌入特殊字体的这一难题。

Microsoft Web Embedding Font Tool能够将网页中的字体制作成一个EOT格式的压缩字库,这个字库中仅包含了你在网页中使用到的那些文字,因此体积非常小巧。当网友们访问这个页面的时候,浏览器会自动下载该字库,将其中的字体在网页上完美地显示出来。下面就让我把WEFT的应用介绍给大家:

1.安装并运行WEFT,点击工具栏上的"Wizard"进入向导界面,输入你的姓名和电子信箱地址;

2.(如图1),在"Add Web Pages"窗口中,选中要嵌入字体的网页,点"下一步"继续;

 

3.接下来会弹出一个对话框,大意是说,制作出的网页需要Unicode 和Uniscribe 的支持,所以在Windows 98 和MacOS 上可能会出现显示不正常的情况,询问是否继续。真啰嗦,当然要继续了!

4.WEFT会分析你的网页中使用了那些字体,并将其显示在列表中(如图2),如果你不想将某种字体嵌入网页的话,选中该字体,点击"Don't embed"即可;

 

5.然后在"Create Font Objects"窗口(如图3), "Enter the location where the font objects will be created"一栏中指定生成的字体文件的路径,并且勾选上"Show CSS @ font-family Declarations",其它的使用默认值就行了;

 

6.生成EOT字体文件和CSS样式表,(如图4)所示,复制两横线间的代码,粘贴到网页源代码的部分。我们很容易理解代码中"src:url(*.eot);"指向的就是EOT字库的路径,如果你的网页和EOT字库不在同一目录下,请根据情况修改url的指向;

 

7.后面的步骤我们可以不必理会,直接点"下一步",最后"完成"就行了。

现在把你的网页和EOT字库上传到网上,找个朋友帮你测试一下,看看效果吧!怎么样?很有成就感吧!

0
  • Follow FontKe on Wechat to get Zcode
  • Scan the Qrcode to participate in the SVIP lottery
Relevant font foundry
用WEFT工具制作EOT字体 让网页字体轻松秀出来 Comments
Guest Please obey the rules of this website. Unclear?
用WEFT工具制作EOT字体 让网页字体轻松秀出来 Latest comments
No relevant comments
Recommended comments