We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

@font-face pixelated font on one laptop, but not the other

more options

I have two laptops that are identical, both are running:
Windows 7, 64bit Service pack 1, clear type enabled. Both have FireFox 14.0.1 with firebug and web developer toolbar installed.

On one the @font-face font is pixelated and the other is displaying it fine. The font has no issues on any other browser or device and the fonts are being hosted and reference the same domain.

I have also tested it on other machines and it seems to work perfectly on all PC's and some laptops, but there are some that render the font pixelated (32bit & 64bit) This is a PC issue only as it renders fine on MAC's

My fonts are current coded as follows:

@font-face {
    font-family: "RouterLight"; src: url("fonts/Router-Light.eot") format("eot");
    src: url("fonts/Router-Light.svg#font") format("svg"), 	 url("fonts/Router-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Router-Light.woff") format("woff"),	url("fonts/Router-Light.ttf") format("truetype");
		 font-weight:normal;
		 font-style:normal;
}
I have two laptops that are identical, both are running:<br /> Windows 7, 64bit Service pack 1, clear type enabled. Both have FireFox 14.0.1 with firebug and web developer toolbar installed. On one the @font-face font is pixelated and the other is displaying it fine. The font has no issues on any other browser or device and the fonts are being hosted and reference the same domain. I have also tested it on other machines and it seems to work perfectly on all PC's and some laptops, but there are some that render the font pixelated (32bit & 64bit) This is a PC issue only as it renders fine on MAC's My fonts are current coded as follows: <pre><nowiki>@font-face { font-family: "RouterLight"; src: url("fonts/Router-Light.eot") format("eot"); src: url("fonts/Router-Light.svg#font") format("svg"), url("fonts/Router-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Router-Light.woff") format("woff"), url("fonts/Router-Light.ttf") format("truetype"); font-weight:normal; font-style:normal; }</nowiki></pre>

由 cor-el 於 修改

所有回覆 (6)

more options

I see that you've created a bug report about your problem.

  • bug 781096 - @font-face pixelated font on one laptop, but not the other

Is Firefox using the downloaded font in all cases?

You can use this extension to see which fonts are used for selected text.

more options

Hi Cor-el, Firefox is using the downloaded font in both cases. Thanks for the extension.

more options

Do you have problems with other locally installed fonts or downloaded fonts?

more options

The fonts at google.com/webfonts are also pixelated. I think that it may be because the laptop has a low quality graphics card. I have attached a screenshot of the graphics settings being picked up in through about:support

more options

Are there any settings in the graphics display driver to adjust this?

See also:

more options

Hi Corel,

It looks like a wide spread graphics card issue where Firefox has black listed certain graphics cards and block the webgl Render - you can see my bug post here https://bugzilla.mozilla.org/show_bug.cgi?id=781096 for more details.

I don't need a fix for my computer, its my users on my website that I am worried about as I don't want any of them to see the fonts pixelated.