为了代码可以显示的更清晰,coolcode选用了Fixedsys字体,优点很明显。这款字体中每个字体的宽度都是固定的,字体感觉特别的坚固,即便是一个小小的点,显示的也很清楚。
缺点是Fixedsys字体的大小不可更改,所以在网页中妄想使用font-size来改变Fixedsys字体的大小在目前来讲是不可能的。

而IE浏览器默认用英文字符来渲染符号,FF默认用中文字符渲染空格。两者大小的不同,造成了在FF浏览器下,空格间距过大的问题。

为了在不更换字体的前提下兼容Firefox,跑论坛询问,zhutianyi 给出的答复是word-spacing:-10px,根据他的提示,我想,针对不同的浏览器给不同的word-spacing,可以解决掉3个常用浏览器的问题。

.hl-surround{word-spacing:-10px} /* FireFox */
*html .hl-surround {word-spacing:0} /* ie6 fixed */
*+html .hl-surround {word-spacing:0} /* ie7 fixed */

接下来,又一个问题出现了。
如果用户使用不支持Fixedsys字体的chrome浏览器呢?
如果用户的系统上没有Fixedsys字体呢?

……阿门,多点间距就多点吧……有功夫发发广告、提升提升流量……跟这firefox下的几像素较什么劲。