不同浏览器空格的宽度（2）
作者：Farewelli 来源：JunChen 发布时间：2007-08-22 08:29:00
当 font-size: 12px; 时：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 3 | 3 | 6 |
| IE7 | 6 | 3 | 3 | 6 |
在 font-size: 12px; 基础上增加 font-family: simsun; 时（用simsun或者宋体没有区别）：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 6 | 6 | 6 |
| IE7 | 6 | 6 | 6 | 6 |
我们可以发现如果不设置字体的话，IE使用英文字体渲染内容。也可以认为在中文网页上使用宋体是相对安全的。
在上面我们可以看到空格的大小都是 12px 的 1/2，如果是 11px 或者 13px 呢？三个浏览器怎么处理小数呢？继续测试。
font-size: 11px;默认字体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 3 | 3 | 6 |
| IE7 | 6 | 3 | 3 | 6 |
font-size: 13px;默认字体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 3 | 3 | 7 |
| IE7 | 7 | 3 | 3 | 7 |
font-size: 14px;默认字体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 4 | 4 | 7 |
| IE7 | 7 | 4 | 4 | 7 |
font-size: 11px;宋体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 6 | 6 | 6 | 6 |
| IE6 | 6 | 6 | 6 | 6 |
| IE7 | 6 | 6 | 6 | 6 |
font-size: 13px;宋体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 7 | 7 | 7 |
| IE7 | 7 | 7 | 7 | 7 |
font-size: 14px;宋体：
| 中-中 | 英-英 | 英-中 | 中-英 | |
|---|---|---|---|---|
| Firefox 2.0 | 7 | 7 | 7 | 7 |
| IE6 | 7 | 7 | 7 | 7 |
| IE7 | 7 | 7 | 7 | 7 |
上面看到的数据都是默认字体和宋体，一般网页设计的时候不会使用默认字体（即不设置字体），而且为了让英文更好看，我们通常选用 Tahoma、Verdana、Arial 这三种字体。我对这三种字体分别做了测试，同时加上刚才的数据，整理成一个表格：空格的宽度。
小结
只使用宋体是相对安全的，在这三款浏览器里面如此；
除了 Tahoma，其他几种测试情况下，IE 6 和 IE 7 的表现一致（但除了宋体和 FF 一样外，其余都有差别）；
在 Firefox 下，同等样式的所有空格（中-中、英-英、中-英、英-中）宽度一致；
在 IE 下，中文字和中文字之间的空格，等于中文字和英文字之间的空格宽度（注意我说的顺序），大于等于英文字和中文字之间的空格（等于的情况出现在设置了中文字体，大于的情况一般是两倍）；
如果空格前面是中文，那么空格按照中文处理；如果空格前面是英文，那么空格按照英文处理；
如果已经用了某种英文字体怎么办呢？想办法分别对待空格和内容吧。比如正好是链接与链接间的空格，那么可以给链接设置字号，给空格设置不同字号（还可以分浏览器 hack）。
后记
因为测试比较琐碎繁杂，可能会有错误，欢迎在实践过程中发现问题者的指正。也欢迎多一些字体的测试。
0
投稿猜你喜欢
- 遇到一个很实际的问题：由于不想增加目录的深度，减少磁盘寻址的时间，需要减少一些目录层级。大家都知道建立文件夹是为了让文件管理更加的方便，现在
- 背景(background)在项目中经常会使用。这篇文章主要讲解的是实际项目中的5个实例。通过具体的分析来达到学习的目的。1，Li列表通过u
- 其实网上已经有很多ASP生成htm的文章了，有一种方法是ASP+XML的生成方法，虽然有一种好处就是不用程序写模版就可以直接引用原来的要生成
- 在中文网页中最常见的网页编码就是GB2312和UTF-8了，本文介绍了ASP实现GB2312编码转换为UTF-8编码的函数：Function
导语：目前点评“2008年10佳改版网站”也许为时尚早，但2008年毕竟已经过去了9个多月，周四又同时有Twitter和FriendFeed- 不知道工商银行帐号是否是这样的格式, 如果错了请大家见谅!<script language="javascript"
- 在风起云涌的互联网浪潮中，产品迭代的速度越来越快。随着用户需求的激增，也不断带来了对设计师能力要求的提高。初入交互设计领域几年来，明显发现可
- 根据 Dotzler 的统计，IE6 的份额正在缩水，这可能是 2009 年本人听到的第一个好消息。于此同时，Gmail 的浏览器支持列表中
- 对于什么是好设计，一万个人那里至少有一万零一个答案。每个人都有自己的答案，有的人还不止一个答案。老师说，一定要在设计里灌注自己的思想，有了自
- ORACLE的数据字典是数据库的重要组成部分之一，它随着数据库的产生而产生, 随着数据库的变化而变化, 体现为sys用户下的一些表和视图。数
- 概述 -------------------------------------------------------------------
- SQL Server的作业调度来建立自动备份的方法◆1、进入企业管理器中->管理->sql server代理->作业；◆2
- 很多人错误地认为ASP是简单、低效的代名词，认为ASP是低能的，不足挂齿的，也很简单，一学就会，一琢磨就精通。有人讲ASP不安全，写ASP的
- 我们大家都知道CSS功能的强大，而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程，但还有许多丰富的CSS排版能力，是很少能查到的。
- 在开发WEB应用程序中，我们经常需要对文件系统中的驱动器、文件夹和文件进行处理，比如收集驱动器的相关信息；创建、添加、移动或删除文件夹和文件
- 如何取得刚添加的记录自动增加的ID字段的号码？我们用下面这个程序就行：rs(1)=oldrname &nb
- 在sql语句后使用 SCOPE_IDENTITY() 当然您也可以使用 SELECT @@IDENTITY 但是使用 SELECT @@ID
- SQL触发器实例1 定义： 何为触发器？在SQL Server里面也就是对某一个表的一定的操作，触发某种条件，从而执行的一段程序。触发器是一
- 本程序有两文件test.asp 和tree.asp 还有一些图标文件 1。test.asp 调用类生成树 代码如下<％@
- 最近心情非常差，而且还没有触底的样子，哎~~~总是会忍不住叹气~~~前些日子在Twitter上叨唠说“不在乎IE8什么时候推出，只在乎IE6
