網頁字體看起來波濤洶涌的Firefox只有

OS：Win 7的64位
瀏覽器：FF 24.0

如果我去http://www.google.com/fonts它看起來可怕：網頁字體看起來波濤洶涌的Firefox只有

Firefox font issue

當我在本地加載一個用於我的網站，它看起來同樣糟糕，但這是我從以下的字體生成的配置：

@font-face { 
     font-family: 'SecretSans'; 
     src: url('<%=domain_url%>/fonts/secretsansextralight-webfont.eot'); 
     src: url('<%=domain_url%>/fonts/secretsansextralight-webfont.eot?#iefix') format('embedded-opentype'), 
      url('<%=domain_url%>/fonts/secretsansextralight-webfont.svg#secretsansttextralight') format('svg'), 
      url('<%=domain_url%>/fonts/secretsansextralight-webfont.woff') format('woff'), 
      url('<%=domain_url%>/fonts/secretsansextralight-webfont.ttf') format('truetype'); 
     font-weight: 400; 
     font-style: normal; 
    }

因爲在上面的網站和我自己的網站上看起來一樣糟糕，我認爲這是Firefox和/或Windows的問題。

是否有修補程序/配置適用於所有用戶點擊我的網站，而不需要他們更改Firefox或Windows中的任何設置，因爲這顯然是不現實的。

EDIT1：我剛去控制面板>字體>調整ClearType文本，現在可以正確顯示在Firefox ...我不能要求用戶這樣做，雖然所以我希望有另一種方式

來源

2013-10-09 PublicHandle

奇怪的是，當我使用firefox查看鏈接時，文本呈現給我的很好。也許嘗試重新安裝？有任何其他機器可以測試嗎？ – RyanS

您可以檢查控制面板>字體>調整ClearType文本並查看它是否已打開。我懷疑這是爲什麼它對你看起來很好。 – PublicHandle

確實開啓了 – RyanS

我很確定這只是瀏覽器如何呈現它。特別是使用@ font-face的東西（我假設你使用http://www.fontsquirrel.com/或類似的網站來生成它）。你可以使用一點文字陰影來使它變得有點清晰，但是從你所展示的內容來看，我認爲你可能會更好地嘗試找到另一種更好的相似字體。

來源

2013-10-09 18:15:16

我用FF（13）的老版本進行了一次同事測試，它實際上爲他做了正確渲染。這讓我覺得可能有辦法以某種方式修復FF的更高版本。因爲這個原因，我很可能不得不使用自定義字體，但是如果我可以通過某種理想的配置輕鬆避免它。 – PublicHandle

這顯然是因爲你關閉了ClearType。這是用於平滑計算機屏幕（LCD）上字體邊緣的方法。它與網頁中用於附加它們的方法無關，這完全是一種字體渲染問題。根據系統的不同，字體可能會有所不同，因爲每種字體都有稍微不同的渲染方法 - 它們往往在Apple系統上看起來最好，而Windows似乎有一種低劣的渲染方法。這完全取決於正在運行的系統，所以字體對於不同的用戶將呈現不同的效果。此外，來自大型鑄造廠的專業字體通常比自由的開放字體渲染效果要好得多，因爲它們經過了專門的修正，以優化它們在屏幕上的渲染方式，特別是當渲染尺寸較小時（小於20像素），所以來自谷歌字體集的字體粗糙也可能部分歸因於他們不像那些專業，昂貴的字體那樣精心製作。儘管如此，無論字體質量如何，如果字體平滑處於關閉狀態（或不受支持），文字總是顯得更加醜陋和不連貫，因此您無法做到任何事情。因爲擔心關閉字體平滑功能的用戶比例很小，所以可以避免使用自定義Web字體，因爲它會阻止您使用它們。

來源

2013-11-06 20:58:44 user257626

我知道這個帖子是來自stoneage，但不幸的是問題仍然是最新的。如果你的谷歌字體問題波折，它是在前10名;所以我想加上我的10分經驗！

好的：如果您在Vista/Win 7/Win 8下搜索Google的字體問題，您會發現在很多情況下，兩個問題都與ClearType相關。並非全部！但很多。

1組：模糊的Windows字體

如果我們談論的「Windows字體」我們正在談論的用戶界面（菜單和等），以及辦公應用程序，如Word或Excel的「工作區」。這個問題幾乎所有人都做不有一個16：9寬屏顯示器，是高清能力，特別是。經典辦公型監視器，分辨率爲19「和1280x1024分辨率，關鍵字爲」低DPI「

對於那些不知道的人：ClearType在這些Low-DPI監視器上做了一個可怕的工作，並呈現整個界面在這種模糊的方式下，嘗試使用它會導致巨大的眼睛疲勞和頭痛。真的人，它會給你眼睛癌症！（和不，你不能在全高清顯示器上重新創建這個概率！）

唯一的出路是禁用的ClearType這幫助的第1組幾乎每個人 - 包括我

組2：印章在Firefox和Chrome中使用py字體渲染（很少MSIE）

在許多情況下，很多情況下 - 例如在此線程中 - ClearType被禁用。當重新啓用時，瀏覽器確實可以渲染字體。對我來說也是如此！

不幸的是......當我重新啓用ClearType時，我又回到了組1！

所以：我已經禁用了ClearType，並且可以在清晰的Windows環境下工作數小時而不會感到眼睛疲勞 - 但之後我必須忍受FF和Chrome中的波濤洶涌的網絡字體。

或者我重新啓用ClearType來查看設計師爲他們的哦這麼時尚的網站選擇的漂亮和漂亮的字體 - 並且忍受着由於模糊的字體而讓我頭痛的Windows！ :-(

顯然，我要走第一條路如果我偶然發現一個字體看起來像破損的網站，我只需點擊一下鼠標就可以切換網頁字體的使用情況 - 這裏有一個很棒的FF-AddOn對於

說哦，我忘了：爲什麼似乎MSIE很好地渲染字體

好，IE（至少10個和11個據我所知）總是使用的ClearType呈現一個頁面 - 無論殘疾？在系統設置與否當然，它也顯示了模糊的字體問題 - 並讓我記住爲什麼我禁用了ClearType並且會讓它如此！

最後的想法：程序員認爲webfonts是他們所有設計需求的最終解決方案，他們想通過在幾個默認系統上測試他們的東西來控制一切。事實上，webfonts只是一個衆所周知的問題，因爲它沒有任何控制權 - 因爲沒有像默認用戶那樣的東西！

想一想。

來源

2015-05-13 14:47:53 Belushi

不幸的是，這種解決方案並不適用於所有人，但在各種計算機上出現此問題之後，在過去的幾年中，我意識到自己處於「第2組」中，並立即解決了問題（只有不連續的字體渲染在Firefox上爲我）。而現在我覺得自己就像一個沒有意識到ClearType關閉的塗料。謝謝！ – Tiro

網頁字體看起來波濤洶涌的Firefox只有

回答

相關問題