為什麼在 Mac 的 Safari 瀏覽器中為黑體的中文,在 Firefox 中顯示為宋體?

比如說淘寶 http://www.taobao.com。宋體密密麻麻在 Mac OS X 上很難看。

曾經想考慮用猴子腳本整下但是太麻煩了。我這裡是 FF 3.6。

似乎只有中文有這個問題,其他的 serif 或 sans 都是正常識別。

有哪位同學知道如何解決么?小弟我先多謝了。

為什麼要加css上加「宋體」, 如果不加會怎麼樣?


具體到這個問題,是因為淘寶自己的 CSS 里字體定義得混亂不堪,和這個問題相關的有兩條:

body {

font-family: tahoma, arial, 宋體, sans-serif;

}

body {

font: 12px/1.5 "Tahoma", "simsun";

}

其中 Safari 採用了第一條但是識別不出「宋體」,如果你禁用掉這條,Safari 里字體也會變成宋體。Firefox 能夠識別出來,結果就用了宋體。(都什麼年代了還這麼寫 CSS,真不知道淘寶所謂的 UED 團隊是幹什麼的。)

簡單的解決方法是用 Stylish 擴展,給 http://taobao.com 指定:

body {

font-family: Tahoma, sans-serif !important;

}


不好意思,我們使用Mac的前端和測試同學比較少所以沒有意識到這個問題

現在已經修復這個問題了,細心的同學應該還能發現首頁的代碼又做了一些小調整:)

具體請看這裡:http://www.chencheng.org/blog/archives/note-taofp-20110322.html

考慮到 chrome os 下不設置 sans-serif 會很難看,首頁的字體定義最終調整為:

font-family: arial, sans-serif;

font-family: arial9;

謝謝各位提出的意見,如果還有問題請PM我:)


這前在研究這個問題的時候,我遇到過一個很詭異的 Bug,就是在系統語言是英文的時候,用 firefox4,當時還是 beta 版,字體會莫名其妙的變成宋體,其他瀏覽器都正常,把系統語言再換回中文,就又正常了,而 firefox 3 里,不論系統語言是什麼,裡面的字體一直都是正常的,我說的正常指的顯示的是黑體。

當時鬱悶了很久,不知道現在還是這個樣子不,最近沒時候折騰這個了。


好糾結。。我改了後font-family 還是不行呢。。怎麼回事啊


推薦閱讀:

為什麼會有人討厭大陸規範字形/新字形?
2015年中文網路字型(web font)領域有什麼新發展?
為什麼PS裡面,雅黑字體是模糊的,而宋體是清晰的?
推薦同時包含矢量和點陣字型的宋體?
日文有哪些常見字體?怎樣才能把日文寫得漂亮?

TAG:Mac | macOS | 中文字體 | 網頁瀏覽器 | 火狐瀏覽器Firefox |