Webfont在Firefox中看起来很糟糕

Question

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

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

示例：

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

操作系统：寡妇8

Firefox版本：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功能。要手动启用此功能，请打开about:config，而不是检查gfx.font_rendering.directwrite.enabled属性。双击将其设置为 true （如果为false）。

在。

之后重启Firefox