有不少初学做网页的朋友,会犯这样一个错误――在网页中使用了很多种特殊的精美的字体,当网友们浏览时,却因没有安装相应的字库,只能看到默认的宋体字,效果惨不忍睹 。利用图片的方式来显示这些特殊字体,会使网页的体积增大很多,而且还不能方便地复制网页的内容 。好在微软公司发布了一款名为 WebFont Tool (WEFT)的软件,可以很方便地解决在网页中嵌入特殊字体的这一难题 。
WebFont Tool(网页字体嵌入工具,下载地址:)能够将网页中的字体制作成一个EOT格式的压缩字库,这个字库中仅包含了你在网页中使用到的那些文字,因此体积非常小巧 。当网友们访问这个页面的时候,浏览器会自动下载该字库,将其中的字体在网页上完美地显示出来 。下面就让我把WEFT的应用介绍给大家:
1.安装并运行WEFT,点击工具栏上的""进入向导界面,输入你的姓名和电子信箱地址;
2.(如图1),在"Add Web Pages"窗口中,选中要嵌入字体的网页,点"下一步"继续;
文章插图
图1
3.接下来会弹出一个对话框,大意是说,制作出的网页需要 和 的支持,所以在 98 和MacOS 上可能会出现显示不正常的情况,询问是否继续 。当然是继续了!
4.WEFT会分析你的网页中使用了那些字体,并将其显示在列表中(如图2),如果你不想将某种字体嵌入网页的话,选中该字体,点击"Don't embed"即可;
文章插图
图2
5.然后在" Font "窗口(如图3),"Enter thewhere the fontwill be "一栏中指定生成的字体文件的路径,并且勾选上"Show CSS @ font- ",其它的使用默认值就行了;
文章插图
图3
文章插图
6.生成EOT字体文件和CSS样式表,(如图4)所示,复制两横线间的代码,粘贴到网页源代码的部分 。我们很容易理解代码中"src:
文章插图
图4
url(*.eot);"指向的就是EOT字库的路径,如果你的网页和EOT字库不在同一目录下,请根据情况修改url的指向;
7.后面的步骤我们可以不必理会,直接点"下一步",最后"完成"就行了 。
现在把你的网页和EOT字库上传到网上,找个朋友帮你测试一下,看看效果吧!怎么样?很有成就感吧!
【用Microsoft WEFT工具制作EOT字库,让网页字体轻松秀出来】(来源网络)
- 课程名称用什么标点符号 课程加什么标点
- 暴雨什么预警不用上学 暴雨红色预警的停课措施
- 聘用制人员什么意思 聘用制度是什么意思
- 服务器raid1硬盘分工作盘,服务器raid1+1利用硬盘进行复制
- #####笔记##### Android P新特性---应用待机群组
- 使用Vagrant的Kubernetes上的Java EE 7和WildFly
- 美团用什么消息队列服务器,美团云发布消息队列服务 应对十倍流量激增的秘密武器
- android 美团多渠道打包,美团多渠道打包原理以及使用
- jpg文件用什么软件打开 jpg格式用什么打开软件
- 【PET材料的生产设备】——导电滑环应用实例,厂家讲解