2010-07-08 98 views
3

当施加负字母间距我有Firefox显示文本不同,以每一个其他浏览器的问题:火狐字距不同于其他浏览器(在CSS负字母间距)

h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;} 

<h2>Time</h2>(approx) 

这里是大多数呈现的文本浏览器:http://img707.imageshack.us/i/font2x.png/

这里是在Firefox中呈现的文本:http://img444.imageshack.us/i/font1.png/

编辑:他们是直接截屏,图像是相同的分辨率。

有关如何解决此问题的任何想法?

+3

您发布了两次相同的链接:) – jalf 2010-07-08 14:51:11

+1

图片完全相同。 – 2010-07-08 14:51:56

+0

哎呀,谢谢,编辑链接 – theorise 2010-07-08 14:56:33

回答

0

将声明width: 100%;添加到h2规则以触发“其他”浏览器中的布局。

1

我不知道为什么,但如果你在font-size声明中使用pt代替em(但保持emletter-spacing,火狐应该呈现的文本作为其他浏览器做。

h2{font-size:18pt;font-weight:bold;color:#999;letter-spacing:-0.10em;} 
0

我得到了它通过重置CSS固定,只要下面的链接添加到您的HTML头。

 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css"> 

更多信息可以在这里找到。http://developer.yahoo.com/yui/reset/

相关问题