2010-07-08 87 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/