HTML/CSS字體：不同的瀏覽器/操作系統不同的結果

我一直工作在我的網站，我使用的字體松鼠生成的網站的一些網頁字體，但目前我有此差別：HTML/CSS字體：不同的瀏覽器/操作系統不同的結果

谷歌瀏覽器OSX Google Chrome OSX

谷歌Chrome瀏覽器的Windows Google Chrome Windows

火狐OSX

Firefox OSX

Firefox窗口 Firefox Windows

的Internet Explorer

有沒有一種方法可以讓我「黑客」的字體windows下，使他們看起來更下的那些OSX？謝謝。

來源

2012-09-29 TCB13

http://dowebsitesneedtolookexactlythesameineverybrowser.com/ –

如果這是您在瀏覽器之間看到的唯一區別，那麼您比大多數人做得更好。此外，究竟誰會注意到這一點？這不像你會把它們並排放在一起。 – Sparky

不同的系統渲染字體的方式不同。大多數情況下你無能爲力。你可以忍受它：檢查在主要系統上（Windows，Mac，Linux，也許一些移動系統）渲染是驗收。他們不能也不一定是相同的。但是，如果您在某些平臺上獲得不可接受的結果，請更改字體（儘管有時只是更改字體大小，甚至可能會增大1px）。

該問題被描述爲例如在http://www.owlfolio.org/htmletc/legibility-of-embedded-web-fonts/和更詳細（更技術上）在http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/

原則上，差異也可能是由不同的印刷設置引起的。 Firefox現在默認應用字距和通用連字，其他瀏覽器則不會。但是你可能不會看到這樣的效果，原因有兩個：自由字體通常沒有連字符或字距對，並且Lorem ipsum文本通常不包含它們重要的字符對（例如，「fi」或「To」或「Va」）。無論如何，排版設置可以使用CSS屬性font-feature-settings（或者更確切地說，具有各種瀏覽器前綴的屬性）受到相當程度的影響。

來源

2012-09-29 17:44:44

這裏的主要區別不在瀏覽器之間，而是在操作系統之間，這是非常標準的。

來源

2012-09-29 14:51:42 kalpaitch

我可以修復它嗎？使用CSS？ – TCB13

有人還告訴我這是與像素形狀有關...... MAC有方形像素，通常有長方形像素。不知道這是否是原因，但大多數時候你必須接受它。 IE看起來也是最糟糕的，現在這是一個驚喜。 – kalpaitch

此外，它強烈依賴於用戶的設置。例如。請通過Windows字體嚮導來幫助您設置正確的平滑/ ClearType設置。看看結果如何變化。 –

我認爲這個問題沒有破解，因爲從瀏覽器到瀏覽器在實際渲染文本的外觀上存在巨大差異。

來源

2012-09-29 15:07:42 Afshin

請注意，Windows也具有ClearType。更改其設置也有一定影響（在Windows 7中，它是一個4步向導）。

我提到這個的原因是Windows有一種本地方式來改變字體外觀，每個人都會根據其ClearType設置以不同的方式看到它。我不認爲瀏覽器變化很大，但操作系統肯定會做。然後還有顯示器和分辨率...

不要過分執着於在每個系統上看起來都一樣。無論你嘗試什麼，你都無法做到，而這完全沒有必要。

來源

2012-09-29 15:16:37 MarioDS

HTML/CSS字體：不同的瀏覽器/操作系統不同的結果

回答

相關問題