html - 字体在Firefox中无法正确显示

我的网站中嵌入了Opensans字体。在chrome中可以正常显示，但在Firefox中不能正确显示。在firefox中字体显示像模糊。

@font-face {
    font-family: 'opensans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.otf') format('open-truetype'),
        url('../fonts/OpenSans-Regular.svg#opensans') format('svg');
    font-weight: normal;
    font-style: normal;
}

不仅opensans字体，我尝试了两种以上的字体，它也有同样的问题。但是其他站点显示良好。请帮我。提前致谢。

最佳答案

我在用着：

@font-face {
    font-family: OpenSans;
    src: url(../fonts/open-sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSansLight;
    src: url(../fonts/open-sans/OpenSans-Light.ttf);
}

@font-face {
    font-family: OpenSansBold;
    src: url(../fonts/open-sans/OpenSans-Bold.ttf);
}

一切正常。如果所有资源均已正确加载，则可以在Elements控制台中查看。

关于html - 字体在Firefox中无法正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27224444/