css - Webfont 在 Firefox 中看起来很糟糕

Question

我正在努力让 Museo Slab 500 字体在所有浏览器中显示相似。

唯一无法让字体正常工作的浏览器是 Firefox。事实上，字体看起来很糟糕。特别注意“w”。

例子：

我做了什么：从 myfonts.com 下载字体并在 fontsquirrel.com 生成 webfont

操作系统：寡妇 8

火狐版本：21.0

CSS：

@font-face {  
    font-family: 'museo_slab500';

    src: url('../font/exljbris_-_museoslab-500-webfont.eot');

    src:url('../font/exljbris_-_museoslab-500-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/exljbris_-_museoslab-500-webfont.svg#museo_slab500') format('svg'),
    url('../font/exljbris_-_museoslab-500-webfont.woff') format('woff'),
    url('../font/exljbris_-_museoslab-500-webfont.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    @font-face {
        font-family: 'museo_slab500';
        src: url('../font/exljbris_-_museoslab-500-webfont.svg#museo_slab500') format('svg');

        font-weight: normal;
        font-style: normal;

    }
}

我能做些什么？难道我做错了什么？

Answer 1

请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering 并尝试不同的文本渲染值。也许什么都不会改变，但有时它会有所帮助。

你在另一台电脑上试过吗？因为文本渲染可以在不同的计算机和/或操作系统之间改变。

Answer 2

我换了显卡后也遇到了同样的问题。更新驱动程序没有帮助，看起来 Firefox 以某种方式禁用了 DirectWrite 功能。要手动启用此功能 open about:config，而不是检查 ifgfx.font_rendering.directwrite.enabled属性。双击将其设置为真（如果为假）。

之后重启 Firefox。