首先看下CHROME下的效果
可以看到是192px*33px
再来看IE9下的效果
是188.49px*34px,这里忽略高度问题..
这个是IE9下的一个BUG,即字体设置粗体后,字间距会变小。
解决方法一(推荐)
给页面头部加上
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
使打开时页面强制用IE7模式渲染
解决方法二
如果你的页面需要用到圆角等属性的话
可以设置粗体部分使用
.demo{letter-spacing:1px \9}
不过这样写的话,会使子间距变的比预期的大。