2014-04-05 28 views
1

[問題] - 我在特定計算機上呈現Web字體時出現問題,我家中的其他計算機渲染文本(相同的操作系統和瀏覽器版本)。他們看起來非常糟糕,我知道所有關於瀏覽器如何呈現不同內容但它不應該看起來不好的差異。Google Web字體在特定計算機上渲染Pix-elated

[我試過的東西] - 我試着在我的網站中優先處理CSS中的.svg,以便在Google Chrome上修復它,但沒有幫助。我安裝了Firefox並發現它也沒有正確渲染Open Sans字體。我也嘗試清除我的緩存(我有一個緩存清除插件),並打開一個隱身窗口,認爲鉻擴展引起的問題,但沒有區別。從屏幕截圖看來,Chrome至少會呈現更大的「Open Sans Condensed」,但較小的文本是像素化的。奇怪的是,全新的FF安裝也存在與Chrome相同的問題。也嘗試從谷歌字體下載字體文件並在本地安裝它們,沒有區別。

IE 11正確呈現文本。我需要解決問題的想法..

下面的屏幕截圖來自位於這裏的官方谷歌字體網站http://www.google.com/fonts/specimen/Open+Sans#pairings,所以它應該排除我自己網頁上的任何錯誤編碼。 fontsquirrel上的open sans字體正確加載並且不會像素化。

這是我所看到的,我不認爲字體看起來應該是像素化... http://imgur.com/hwvupBq對不起太低代表發佈圖片:(

+0

哪個操作系統?我在win xp電腦上遇到過類似的問題。 –

+0

馬克 - 我在贏7 – NickStees

回答

1

每個瀏覽器都使用不同的格式加載的字體。通常你會使用font-face有EOT,WOFF,SVG和TTF四種不同的類型,你可以使用Font Squirrel site來加載你的字體並吐出四種不同的版本,並且看看Google font embedding,它負責這項工作(儘管它們在不同的瀏覽器中會略有不同)

+0

那麼我上傳的屏幕截圖直接來自谷歌字體嵌入網站,所以它應該有所有這些回退字體格式。 – NickStees

+0

在您嘗試使用Google字體嵌入之前,您是否曾經在本地將字體安裝到機器上?我試圖弄清楚你的意思是「先嚐試加載.svg」。 – hs2323

+0

hs2323 - 在我自己的網站上,我重新命令@Font CSS .svg在其他人之前加載,如此處所述http://stackoverflow.com/questions/14438368/prioritise-svg-font-with-google-web-fonts作爲故障排除方法。 – NickStees