Question

不确定我是否重复了一个问题，但我对webfont有这个问题。我使用Gotham字体，它在chrome中工作，但不会在Mozilla中呈现。 Mozilla只给了我一些基本的字体。任何人都可以帮我解决这个问题吗？

var myVar = setInterval(function() {
            sendUDP(msg);
        }, 100);

Answer 1

尝试Gotham，Gotham Light或Gotham Book：

@font-face {
    font-family: 'Gotham';
}

Answer 2

Mozilla Firefox不支持EOT文件类型，并使整个@ font-face代码无效。尝试删除它，只将WOFF文件放在CSS中。

这种方式适用于所有浏览器：

@font-face {
    font-family: 'Souses';
    src: url('../font/souses/Souses.eot');
    src: url('../font/souses/Souses.woff') format('woff'), 
         url('../font/souses/Souses.ttf') format('truetype'), 
         url('../font/souses/Souses.svg#Souses') format('svg');
}

参考：https://support.mozilla.org/es/questions/987469

希望它有所帮助！

编辑代码：

@font-face {
    font-family: 'Souses';
    src: url('Souses.eot');
    src: url('Souses.woff') format('woff'), 
         url('Souses.ttf') format('truetype'), 
         url('Souses.svg') format('svg');
}
body { 
    font-family: 'Souses';
    font-weight: lighter;
}

Mozilla没有显示正确的字体

2 个答案: