比如说 <span>测试22</span>, 这个SPAN里有中文也有英文, 如果你没设置字体, IE会使用自己的设置字体设置, IE的字体设置是按不同语言编码而来的. 如果只设置了一个英文字体,那么SPAN里的22会使用英文字体,而旁边的"测试"则将是IE默认的"宋体", 同样SIZE的不同字体,高宽是不同的. 如果你把SPAN设置成中文字体,那么"22"和"测试"就一样效果了.
从图中看，样式改变可能是因为编码不一致，导致至少font-family那一行读出的是无效值，然后按照浏览器默认样式显示出来。呼吁各位在知道回答的童鞋，如果不太懂就不要乱回答，刷积分确实很重要，但还是希望能帮助维持知道这个平台的整洁。
当在HTML中编译浏览时文字变成乱码时：
1：首先要查看一下浏览器的的编码格式：一般使用的是Unicode（UTF-8）
2：其次查看 html编码样式
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />通过改变charset=utf-8中的utf-8就可以改变网页的编码。
一般我们在写CSS文件时候也需要在CSS文件顶部使用@charset "utf-8"来定义此CSS文件编码类型。一般html源代码和css文件编码要统一，如果不统一会导致CSS hack，页面乱码网页页面排版乱等兼容问题。
3：国内常用的流行的有utf-8、gb2312这两种。一般这两种类型就能满足国内网页编码需求。当然程序和数据库中也会用到这两种编码类型来处理网页和存储数据类型。
（推荐charset使用编码是 UTF-8，因为可以通俗理解简体繁体可用此编码如台湾和内地使用此编码。）
4：如果编码混排将使网页乱码也叫不兼容，特别是在CSS注释中使用了编码混排将导致css hack。
希望以后在制作网页的时候千万不要忘记对网页编码的声明。
