在IE浏览器(IE7和IE8)中正常显示的字体效果设置教程

所属分类: 软件教程 / 浏览下载 阅读数: 1316
收藏 0 赞 0 分享

   例如,我们使用以下的字体设置(先别管合理不合理)

  font-family:Verdana,Tahoma,Arial,5b8b4f53(宋体),sans-serif

  让后分别放在IE6、IE7、IE8、Firefox、chrome等主流浏览器中测试,发现在IE7和IE8浏览器中显示英文和数字时字体有区别(见下图)

在IE浏览器中正常显示的字体效果设置
IE8浏览器的字体显示

  “Aisleep”和“88”感觉上面有明显的锯齿而下面的感觉粗厚平滑一些。

  大家知道,这是因为IE7/IE8浏览器中[属性] > [高级]选项卡 > [多媒体]有一个ClearType(

  增强屏幕字体)属性,默认是被选中的原因(见下图)。

总是将 ClearType 用于HTML

  如果把这个选项去掉勾,那IE7/IE8浏览器显示的字体就和其它浏览器统一了。反之,通过Windows控制面板 > ClearType Tuning 启用ClearType(见下图)

启用ClearType

  对于操作系统控制面板没有ClearType Tuning选项的可以通过以下方式实现

  1. 单击[开始],单击[控制面板],单击[外观和主题], 然后单击[显示]。

  2. 在[外观]选项卡上,单击[效果]。

  3. 单击选中[使用下列方式使屏幕字体的边缘平滑]复选框,然后单击该列表中的 ClearType[清晰]。

使用下列方式使屏幕字体的边缘平滑设置

  那以其它浏览器显示的字体就会和IE7/IE8统一了。(注:据我调查大多数XP操作系统默认为“标准”)

  接下来会看到一些测试和整理,目的只是为了解字体在不同设置下的特性。这里不会有什么字体的推荐设置,因为我认为字体的设置和你所做项目的具体情况有关,没有什么设置是最好的,只要清楚字体在不同设置下的特性才能在以后的应用中得心应手。

  测试:12px和14px的字体大小是中文网页中最常见的;字体family:黑体,宋体,sans-serif,Verdana,Tahoma,Arial,Helvetica(没用雅黑字体,雅黑字体在Vista以后的操作系统才有,但根据网站数据统计80%都是XP操作系统,目前兼容性会是个问题);文字加粗容易分辨区别,浏览器:IE6/IE7/IE8/Firefox3.6/Chrome4.0。

浏览器字体显示分辨区别

  整理

  从 ClearType角度:除了IE7/IE8外其它浏览器字体显示效果都是一样的,如何统一所有字体显示效果,方法上面已经说过。

  * 黑体:字体大小12px/14px时 ClearType设置有作用(16px/18px/20px时无作用,22px以上会有作用);

  * 宋体(5b8b4f53):字体大小 12px/14px/16px/18px时ClearType设置无作用(20px以上会起作用),所以 12px-18px之间的宋体在所有以上浏览器中能得到高度统一,但粗体的符号显示真的很不理想比如"@";

  * sans- serif:无衬线字,细心的一定发现唯独这类字体上图中出现了三种字体。在IE6和IE7/IE8中区别只是ClearType设置问题,字体其实就是Tahoma(无衬字),但在FireFox和Chrome中调用的是宋体(衬字)(可设置);

  * Verdana:ClearType设置会有作用,IE6/FireFox/Chrome中有明显的锯齿。

  * Tahoma:ClearType设置会有作用,IE6/FireFox/Chrome中有明显的锯齿。(仔细观察其实 Verdana和Tahoma字体外形是差不多的,只是单词中字母间距的区别。)关于Verdana和Tahoma再延伸一下,之前看到过根据 Jackob Nielsen用户调研显示,Verdana 字体是易读性最高的,推荐设置为第一默认字体,前提那是英文站点。但在中文站点又要老生长谈中英文排版问题,具体用什么字体要考虑文章中是否有斜体、粗体:

  o 当ClearType设置为“标准”时,Tahoma比Verdana锯齿感强,而且Verdana字母的间距较宽的优势会体现出来。

Tahoma和Verdana效果对比

  o 当ClearType设置为“清晰”时,Verdana和Tahoma效果相近。

Tahoma和Verdana效果对比2

  至于说Verdana由于字母间距的问题导致中文结合时效果不佳,对平常的浏览和排版的影响是微乎的(Verdana的字体文章会更长一些),如果我不那么刻意去比,几乎是看不出来的,何况是大多用户(我做过测试把两种字体的文章分开,分别给朋友、同事、家人等不是专业领域的人看,Ta们没有任何意识,并且在我指出字体区别后,他们对我说:“你也太无聊了吧?”)。所以具体用什么字体时,最关键还是考虑字体用在什么对象(系统、访问者)上,然后是字体是否会涉及到的变化:大小、斜体、粗体。

  * Arial 和Helvetica:以上浏览器中视觉上几乎是一致的(IE7/IE8中感觉上颜色偏深一些),无锯齿感觉,但和Verdana、Tahoma 比起来整体偏小很多。可以把字体设置的大一些,CSS样式中就会多一行特殊的定义。

  网络上有人整理相关的字型设定,我把它转给过,给需要的网页设计师参考。

  font-family: Arial, Helvetica, sans-serif;

  font-family: ‘Arial Black’, Gadget, sans-serif;

  font-family: ‘Bookman Old Style’, serif;

  font-family: ‘Comic Sans MS’, cursive;

  font-family: Courier, monospace;

  font-family: ‘Courier New’, Courier, monospace;

  font-family: Garamond, serif;

  font-family: Georgia, serif;

  font-family: Impact, Charcoal, sans-serif;

  font-family: ‘Lucida Console’, Monaco, monospace;

  font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;

  font-family: ‘MS Sans Serif’, Geneva, sans-serif;

  font-family: ‘MS Serif’, ‘New York’, sans-serif;

  font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;

  font-family: Symbol, sans-serif;

  font-family: Tahoma, Geneva, sans-serif;

  font-family: ‘Times New Roman’, Times, serif;

  font-family: ‘Trebuchet MS’, Helvetica, sans-serif;

  font-family: Verdana, Geneva, sans-serif;

  font-family: Webdings, sans-serif;

  font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

更多精彩内容其他人还在看

没有BT种子还能否继续下载?

  网上一直上演着一茬又一茬跪求BT种子的凄惨故事。很多朋友对此不屑一顾,他们说,没有种子也可以下载呀。BT下载缺少种子到底还能下载么?喜欢BT下载的朋友一起来看看这其中究竟是怎么回事。   正方观点:没有种子,BT下载任务无法完成,直到新种子出现才能继续下载
收藏 0 赞 0 分享

迅雷抓鸡实现方法与防范技巧

  人世间最大的悲哀,莫过于人家正在害你,不知情的你还对他感恩戴德。这样荒唐的事情,只会在电视剧中出现吗?你想过自己也会变成那样吗?如果你不信,看完本文准让你大吃一惊!   迅雷抓鸡法最阴毒的就是它共享的捆绑文件令受害者无法产生警惕,反而会因为下载速度提
收藏 0 赞 0 分享

Google短信搜索掌握丰富手机资讯

  Google最新推出“短信搜索”功能。用户利用手机向Google发送了一条带有搜索关键字的信息后,Google会判断要查找的特定信息,并自动将所查询的结果以文字形式返回到手机中。不过它与传统的搜索引擎不同,在结果中仅有文字而无具体的链接、网页,这样可方
收藏 0 赞 0 分享

巧用迅雷下载来保存注册码

巧用迅雷的在线保存功能,就可以将自己喜爱的软件的注册码保存在网上,随时使用!这样我们的软件就可以做到永不过期!   实现步骤如下:   第一步:登录雷友   打开迅雷5,单击左侧下方“雷友信息”中的输入框,输入雷友帐号和密码,在打开窗口
收藏 0 赞 0 分享

上网冲浪 七款主流网页浏览器评测

  对于一个网民来说,网页浏览器是不可或缺的软件。面对各式各样的浏览器,我们该如何选择,什么样的浏览器最适合你?我们从用户需求角度出发,对当前流行的7款浏览器进行横向评测,让大家找到适合自己的“冲浪”工具。   测评软件和平台   本次进行测
收藏 0 赞 0 分享

下载、播放不间断 将偷偷看进行到底

  N久没上网下电影看了,被一个GG告知现在流行边看边下,不用再为了下一本片子而等一个通宵,也不会因为没有时间下载片子而没得看。   这样熊掌兼得的好事摆在眼前怎么可能错过呢?于是在百度里一搜,果真看到了不止一家打着边下边看的旗号的BT下载工具。脱兔、ToTolook
收藏 0 赞 0 分享

无需扬鞭自奋蹄 迅雷电骡批量下载方法

  电骡emule作为最为流行的下载方式之一,成为大家的最爱。但是emule有一个最大的问题,就是下载速度太慢,同时这个问题也使得其下载稳定性不够。迅雷的出现很好地解决了这个问题,但是迅雷有一个问题,无法在新建任务时直接输入多个电骡下载资源链接。不过,我们还是有一
收藏 0 赞 0 分享

FlashGet下载文件管理轻松高效的技巧

  在网络上下载资源时,我们最关心的问题就是下载速度,其次是下载后的管理。我们知道,最新版的网际网际快车2.0通过特有的P4S技术为我们提供了高速的下载,不仅如此,它还提供了强大的文件管理功能,方便日后对文件进行打理,提高操作效率。那么,我们要如何最合理地应用
收藏 0 赞 0 分享

IE有效避免恶意网页中恶意代码的攻击

  恶意网页成了宽带的最大威胁之一。以前使涌Modem,因为打开网页的速度慢,在完全打开前关闭恶意网页还有避免中招的可能性。现在宽带的速度这么快,所以很容易就被恶意网页攻击。   一般恶意网页都是因为加入了用编写的恶意代码才有破坏力的。这些恶意代码就相当于一些
收藏 0 赞 0 分享

用命令清除IE7上网浏览历史记录

  无论是出于保证计算机性能还是数据安全方面的考虑,我们常常需要及时清除浏览器的历史记录,包括浏览器缓存、所记录的Cookies、历史记录、密码等。一般而言,在IE7(Internet Explorer 7)中,相应的是操作是通过“Internet 选项”
收藏 0 赞 0 分享
查看更多