我正在努力使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;

    }
}


我能做什么?难道我做错了什么?

最佳答案

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

您尝试过另一台计算机吗?因为文本渲染可以在不同的计算机和/或OS之间更改。

关于css - Webfont在Firefox中看起来很恐怖,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16854762/

10-09 15:36