html – Web字体在Firefox中看起来不稳定

前端之家收集整理的这篇文章主要介绍了html – Web字体在Firefox中看起来不稳定前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

>操作系统:赢7位64位
>浏览器:FF 24.0

如果我去http://www.google.com/fonts它看起来很糟糕:

当我在本地为我的网站加载一个它看起来同样糟糕但这是我从下面的fontsquirrel生成的配置:

    @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中的任何设置,因为这显然是不现实的.

编辑1:我刚刚去控制面板>字体>调整ClearType文本,现在它在Firefox中正确呈现…我不能要求用户这样做,虽然所以我希望有另一种方式

最佳答案
我知道这个帖子来自石头,但不幸的是问题仍然存在.如果你谷歌的波涛汹涌的字体问题,它在前10名;所以我想加上我的10美分经验吧!

好的:如果您在Vista / Win 7 / Win 8下搜索Google的字体问题,您会发现在很多情况下两个与ClearType相关的主要问题.不是全部!但很多.

第1组:模糊的Windows字体

如果我们谈论“Windows字体”,我们谈论的是用户界面(菜单等),以及办公应用程序(如Word或Excel)的“工作区”.
这个问题几乎触及了所有没有16:9宽屏显示器的人,特别是高清显示器. 19“和1280×1024分辨率的经典办公室型显示器.关键字是”低DPI“.

对于那些不知道的人:ClearType在这些低DPI监视器上做了一个可怕的工作,并以一种模糊的方式渲染整个界面,试图使用它会导致眼睛疲劳和头痛.真的很好,它给你眼癌!
(不,你不能在全高清显示器上再现那个问题!)

唯一的出路是禁用ClearType.这几乎帮助了第一组的所有人 – 包括我.

第2组:Firefox和Chrome中的Choppy字体渲染(很少MSIE)

在许多情况下 – 例如在此线程中 – ClearType被禁用.重新启用时,浏览器会很好地渲染字体.对我来说也是如此!

不幸的是……当我重新启用ClearType时,我又回到了第1组!

所以:我已经禁用了ClearType,可以使用清晰明了的Windows几个小时而不会疲劳 – 但是我必须在FF和Chrome中使用不稳定的webfonts.

或者我重新启用ClearType以查看设计师为他们那些时尚的网站选择的漂亮和漂亮的字体 – 并且由于模糊的字体,Windows让我感到头痛! 原文链接:https://www.f2er.com/html/426005.html

猜你在找的HTML相关文章