谷歌字體不會在Firefox

我使用谷歌的Web字體，Titillium網絡正確渲染，在我的網站。它在Google Chrome，IE，Opera和Safari中完美呈現，但在Firefox中文本看起來很可怕。谷歌字體不會在Firefox

谷歌字體鏈接：

<link href='http://fonts.googleapis.com/css?family=Titillium+Web:200' rel='stylesheet' type='text/css'>

HTML：

<p id="main-top-text" class="txt-style">WELCOME TO <span class="site-colour">NATHAN DA SILVA,</span></p> 

<p id="main-bottom-text" class="txt-style">ENJOY YOUR STAY.</p>

CSS：

.txt-style { 
    font-family: 'Titillium Web', sans-serif; 
    font-size: 60px;  
    line-height: 70px; 
    color: #666666; 
    text-align: center; 
}

你可以看到它看起來升IKE在這裏：http://www.nathandasilva.co.uk/v3

我不認爲任何修補程序的人都知道，使這個更好看在Firefox？

來源

2013-04-16 nsilva

一切都在我結束 –

細看起來很好，我的機器 – lazyprogrammer

我可以清楚地看到你在說什麼的。基本上，字體看起來不像其他瀏覽器那樣平滑。不幸的是，你無能爲力。這是不同瀏覽器呈現字體和呈現它們的字體文件的方式。 – tw16

看起來不錯，嘗試清理瀏覽器緩存，然後重試。

來源

2013-04-16 08:13:57 shabeer90

奇怪的是，試過這個，還是一樣 – nsilva

我經常發現聲明字體重量可以提供幫助。

font-weight: 200;

來源

2013-04-16 08:13:58 Mike

我有完全相同的問題！我正在使用最新版本的Firefox（23）和Windows（8）。我的筆記本電腦上也有一塊謹慎的（板載）AMD顯卡，這相當弱。

我在升級之前在windows 7中沒有問題。

做了一些調查後，這裏就是我發現：

我似乎有ClearType的問題通常，因爲當我查看薄字體（通過控制面板>字體）上的ClearType，他們看起來非常像素化。隨着cleartype的關閉，它們看起來更加平滑，但沒有出色的亞像素渲染，所以它們並不像它們那樣超級銳利。
每個已安裝在我的電腦上的瀏覽器（IE，歌劇，鉻，火狐），不同的對待薄字體。 Opera與Firefox的像素化類似。鉻可以將Titillium處理得很好，但不能處理Glypha LT（標題字體爲The Expressive Web）。具有諷刺意味的是，IE瀏覽器是唯一的瀏覽器，它能夠完美地對待所有細化的字體。

來源

2013-08-21 09:06:58

顯然，默認情況下，Firefox會阻止來自「跨站點」的字體以防止XSS攻擊。

您可以在Firebug告訴字體是否已經加載與否，因爲它們會出現「灰色」的風格標籤（當你檢查HTML元素）。

另外，嘗試在Firefox內置的開發者控制檯（菜單> Web開發者> Web控制檯）檢查並查找錯誤加載的字體（螢火蟲似乎並沒有報告這些）。這將幫助您確定問題所在。

爲了解決你可以配置你的網站接受外部字體的問題，例如：

<FilesMatch "\.(ttf|otf|eot)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch>

而對於其他字體（即不是來自谷歌。），如果你能託管服務器上的字體，可以也可以參考他們來解決這個問題。例如：

@font-face { 
    font-family: 'museo_sans_100regular'; 
    src: url('/wp-content/uploads/museosans_100-webfont.eot'); 
    src: local('☺'), local('museo_sans_100regular'), 
    url('/wp-content/uploads/museosans_100-webfont.woff') format('woff'), 
    url('/wp-content/uploads/museosans_100-webfont.ttf') format('truetype'), 
    url('/wp-content/uploads/museosans-100-webfont.svg#museo_sans_100regular')  format('svg'); 
}

來源

2014-01-22 00:30:41

我曾與谷歌的所有網頁字體（特別的Roboto）的問題，我發現我需要給力的Direct2D加速ON來解決它。我的顯卡是英特爾HD4000。

發佈爲我工作的解決方案，在情況下，它與您相關或其他讀者：

前往about：config中
查找啓用gfx.direct2d.force-
設置爲True並重新啓動Firefox

來源

2016-01-30 21:03:22 Aidan

這個爲我工作，在Firefox 51上 – DariusVE

我通過將http更改爲https（猜測google自己更改了它們如何託管它）來修復我的地雷（也在Safari中損壞）。不知道爲什麼瀏覽器會關心樣式表是來自https還是http，但它確實解決了問題。

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

到

<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

來源

2017-03-02 01:34:10 rogerdpack

谷歌字體不會在Firefox

回答

相關問題