2011-01-08 48 views
1

我試圖找到一種方法,讓Firefox,Chrome,Safari和IE中的dingbats看起來完全一樣。在Firefox和Chrome/IE中,Unicode特殊字符的顯示方式不同

我注意到,裝飾符號出現在IE/Chrome瀏覽器/ Safari瀏覽器相同的,但是 - 在Firefox中 - 他們看起來更「薄」。 例如 - 嘗試訪問以下網頁: http://en.wikipedia.org/wiki/Dingbat 你會發現,觀看該頁面時在Firefox - 人物相比,Chrome瀏覽器/ IE看起來不同。

是否有人知道爲什麼以及如何導致Firefox顯示字符?就像他們在Chrome/IE中出現的一樣?

+0

在我的FF 3.6和Chrome 8.0上看起來是一樣的。我雖然在Vista上。 – 2011-01-08 10:36:40

回答

3

我試圖找到一種方法,使裝飾符號出現一模一樣的

你將永遠不會讓字體看起來完全一樣在所有瀏覽器,有問題的字符是否裝飾符號或沒有。

對我而言,該頁面上的大多數字符都不會在IE或WebKit中呈現。傳統上IE的字體回退比平均值要差,而Firefox通常會比平均值更好。 Firefox和Opera可以選擇爲我呈現符號的字體是Meiryo(與Windows Vista和更高版本一起安裝的日文字體)。在IE和WebKit上,它回退到Arial中可用符號的選擇範圍有限,而大部分字符都丟失了。

所以渲染符號字符你怎麼想,做你的任何其他字符做,並指定你想要的字體,如最好的機會。 CSS font-family: Meiryo。但是,當然,沒有安裝該字體的人會得到不同的結果,而瀏覽器/操作系統設置可能會改變字體在一般情況下的渲染方式。

來自Zapf Dingbats集的符號字符在網絡上使用並不安全,因爲操作系統安裝的基本默認字體集通常不包括其中大部分的字形。 (Windows上的'Wingdings'確實是這樣,但它是一種帶有自定義映射的遺留字體,它將符號放在ASCII字符上,而不是它們應該在Unicode中的位置,因此再次在Web上使用並不安全)。

There是,你通常可以逃脫使用現有普通字體集,例如幾個符號字符:

● ■ ☺ ☻ ♥ ♦ ♣ ♠ • ▲ ▼ 

別人,我會盡量避免。

1

有趣......在Firefox 3.6.13和Chrome 8.0.552.231的MacOS X 10.6.6機器上,維基百科頁面確實呈現了第一張表格,即ITC Zapf標誌,略有不同。該效果在字符集左下角的實心半圓上最顯着。

主要的Unicode Dingbats表呈現幾乎相同; Firefox會生成包含丟失字符的4個十六進制數字的框,但Chrome只會生成空框 - 我更喜歡Firefox的技術。

中的瀏覽器必須被使用略微不同的字體或稍微不同的字體大小(雖然我不能檢測由眼睛的尺寸差)。我沒有看過正在呈現的HTML。總體而言,我認爲這是在'容許變異'的範圍內 - 但我不是專家。如果您要求瀏覽器之間的像素對像素相似度,我懷疑你有一個擔心的世界。關注點應該是清楚地傳達信息。