Web字体只在Firefox中显得不稳定 [英] Web fonts look choppy in Firefox only

问题描述

• 操作系统：Win 7 64bit


• 浏览器：FF 24.0

如果我访问 http://www.google.com/fonts ，它看起来很可怕：

If I go to http://www.google.com/fonts it looks awful:

当我为我的网站加载一个本地时，它看起来同样不好，但这里是我从fontsquirrel生成的配置下面：

And when I load one for my site locally it looks equally as bad but here is my configuration that I generated from fontsquirrel below:

    @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的一个问题。

Because it looks just as bad on the site above and my own site I presume it's an issue with Firefox and/or Windows.

有一个修复/配置，将适用于所有用户打我的网站，不需要他们更改任何设置Firefox或Windows，这显然是不现实的。

Is there a fix/configuration that will work for all users hitting my site that doesn't require them changing any settings within Firefox or Windows as that's obviously unrealistic.

编辑1：我刚刚去控制面板>字体>调整ClearType文本，现在它在Firefox正确渲染...我可以'我要求用户这样做，所以我希望有另一种方式

I just went to Control Panel > Fonts > Adjust ClearType text and now it renders properly in Firefox... I can't ask users to do this though so I'm hoping there is another way

推荐答案

我知道这个线程是从石头，但不幸的是，问题仍然存在。如果你google的字体问题，它在前10;所以我想添加我的10美分的经验！

I know this thread is from the stoneage, but unfortunately the problem is still current. And if you google for the choppy fonts problem, it's in the top 10; so I want to add my 10 Cents of experience with it!

确定：如果您在Vista / Win 7 / Win 8下搜索谷歌的字体问题，在许多情况下都与ClearType相关的主要组的问题。不是全部！但许多。

Ok: If you search Google for problem with fonts under Vista/Win 7/Win 8, you find two major groups of problems that are both related to ClearType in many cases. Not all! But many.

组1：模糊的Windows字体

Group 1: Blurry Windows fonts

如果我们谈论Windows字体，我们谈论的用户界面（菜单等）和办公应用程序的工作区，如Word或Excel。
这个问题几乎所有的人，不有一个16：9宽屏显示器是高清能力，尤其是。经典的办公型监视器，分辨率为19和1280x1024，关键字是低DPI。

If we talk of "Windows fonts" we are talking of the user interface (menus and such), and the "workspace" of office apps like Word or Excel. This problem hits almost all people that do not have a 16:9 widescreen monitor that is HD capable, esp. classic office-type monitors of 19" and 1280x1024 resolution. The keyword is "Low-DPI" here.

对于那些不知道：ClearType是HORRIBLE在这些低DPI显示器，并使整个接口这样模糊的方式，试图与它工作导致大量的眼疲劳和头痛真正的人，它给你眼癌！
（和没有，你不能重现

For those who don't know: ClearType does a HORRIBLE job on these Low-DPI monitors and renders the whole interface in such a blurry way that trying to work with it causes massive eye strain and headache. Really folks, it gives you eye cancer! (and no, you can not recreate that prob' on a Full-HD monitor!)

唯一的出路是禁用ClearType，这几乎帮助了第1组的每个人 - 包括我。

The only way out is to disable ClearType. This helped almost everybody of group 1 - including me.

第2组：在Firefox和Chrome中很少使用字体渲染（很少使用MSIE）

Group 2: Choppy font rendering in Firefox and Chrome (rarely MSIE)

在许多情况下，很多情况下，像在这个线程中ClearType被禁用，当重新启用时，浏览器会渲染字体很好，对我也是真的！

In many, many cases - like in this thread - ClearType was disabled. And when re-enabled, the browsers do render fonts just fine. True for me, too!

不幸的是，当我重新启用ClearType时，我回到第1组。

Unfortunately... when I re-enable ClearType, I'm back in group 1!!!

我有ClearType被禁用，可以使用一个清晰​​的窗口小时没有我的眼睛疲劳 - 然后我必须生活在FF和Chrome的不停的网络字体。

So: EITHER I have ClearType disabled and can work with a sharp and clear Windows for hours without fatigue of my eyes - but then I have to live with choppy webfonts in FF and Chrome.

或者我重新启用ClearType，看到设计师为他们的时尚网站选择的漂亮和漂亮的字体 - 和生活在头痛的Windows给我，由于模糊的字体！ ： - （

OR I re-enable ClearType to see the nice and nifty fonts the designers have chosen for their oh-so-stylish websites - and live with the headache Windows gives me due to the blurry fonts! :-(

显然，我要走第一条。
如果我绊倒一个网站，字体看起来像破碎，我只是切换使用

Obviously, I'm going the first way. And if I stumble about a website where fonts look like broken, I simply toggle the usage of webfonts with just one mouse click - there's a great FF-AddOn for that.

哦，我忘了：为什么看起来MSIE很好地渲染字体？

Oh, I forgot: Why seems MSIE to render the fonts nicely?

好吧，IE（我的知识至少10和11）总是使用ClearType来渲染页面 - 无论是否在系统设置中禁用
当然，

Well, IE (at least 10 and 11 to my knowledge) always uses ClearType to render a page - no matter if disabled in the system settings or not. Of course, it then also shows the blurry fonts problem - and makes me remember why I have ClearType disabled. And will let it so!

最后的想法：
程序员认为网络字体作为他们所有设计需求的最终解决方案，思维，他们通过在几个默认系统上测试他们的东西来控制所有的东西。事实上，webfonts是一个众所周知的问题，没有这样的事情像默认用户！

Final thoughts: Programmers believe webfonts to be the final solution to all of their design-needs, thinking, they have everything under control by testing their stuff on a couple of default systems. In fact, webfonts just made a well-known problem freak out of any control - because there is no such thing like a default user!

想想吧。

这篇关于Web字体只在Firefox中显得不稳定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！