2011-10-03 85 views
2

每次我寫一個簡單的字體規則並嘗試顯示輸出時,我的文本字體有點問題,文本顯示得不是很好。它通常看起來像模糊。字體在Mozilla Aurora瀏覽器中正確顯示,但在Google Chrome和Firefox的新版本中顯示效果不佳。請,沒有任何一個知道什麼可能是這個文字效果CSS不能很好地顯示字體

sample text in Chrome sample text in Aurora

在這兩個樣本,可以觀察到一個與大膽的文字是極光的原因,是其中一種淡淡的文字鉻。這兩個具有相同的樣式規則並具有不同的輸出。請問,什麼是最好的解決方案。

+2

不同的瀏覽器呈現不同的字體。恐怕我沒有辦法解決這個問題。你使用什麼字體? –

+0

font-family:「Helvetica Neue」,Helvetica,Arial,sans-serif; – Uchenna

+0

我試圖把這個文本放在一個正確呈現的樣式規則中,並且它給出了正確的輸出,但是如果我使它成爲一個獨立的呈現方式 – Uchenna

回答

1

每個渲染引擎,Webkit,Mozilla,Trident等都是由不同的團隊創建的,因此在輸出和自身的怪癖或錯誤方面會有細微的差異。

每個瀏覽器,Firefox,Safari,Aurora,Chrome,Explorer等都是由不同的團隊創建的,因此它將如何利用其選擇的渲染引擎以及它自己的怪癖或錯誤方面略有差異。

對於每個操作系統以及它如何處理相同的字體都可以這麼說。

我在一個非常好的高分辨率液晶顯示器上,圖像中兩種情況之間的差異幾乎是不可思議的。如果不是將它們並排放置,實際上不可能區分這些差異。我想如果你把你的測試案例放在兩個並排的液晶顯示器上,那麼就不會有明顯的差異。

無論你做什麼,所有瀏覽器都會呈現出不同的東西。我們作爲程序員的工作就是減少這些差異,只有實際和可能的。

+0

你是對的,感謝這個信息.. – Uchenna

-2

不同的瀏覽器有不同的行爲。

我建議使用JavaScript的 CSS 解決這個問題。 JavaScript到檢測到最終用戶使用的瀏覽器然後該瀏覽器的CSS代碼

JavaScript的瀏覽器檢測(點擊下面的鏈接):http://www.w3schools.com/js/js_browser.asp

要自定義字體的文本的大膽(使用此代碼):字體重量:500;

「font-weight」越大越大膽。

+2

-1鏈接到W3Schools以及建議這種過於複雜的解決方案,這樣一個微不足道的問題。瀏覽器與操作系統版本,安裝字體等的組合實際上是無限的。您的解決方案需要特殊的CSS來處理無法測試的情況。沒有人在他們正確的思想中會嘗試這一點。 – Sparky

+0

WRT W3Schools,請參閱http://w3fools.com/ – 2011-12-16 15:34:13