html - @Font face 在任何浏览器中都不起作用

Question

我似乎无法让字体工作。我以前用过这个没有任何问题，但在这种情况下，我无法让它在任何浏览器中工作！

    body {
    width:100%;
    font-family: Cusmyr;
    font-size:2em;
    margin:0em;

}

@font-face {
    font-family:'Cusmyr';
    src: url('font/myriadproregot.otf'),
    src: url('font/myriadproregsv.svg'),
    src: url('font/myriadproregtt.ttf');
}

有什么建议么？

Answer 1

src 属性对我来说似乎是关闭的。我认为你需要一个单独的“src”逗号分隔。此外，您还缺少格式类型。不确定这是否重要，但不会受到伤害。试试这个

@font-face {
    font-family: 'Cusmyr';
    src: url('font/myriadproregot.otf') format('otf'), 
         url('font/myriadproregsv.svg') format('svg'), 
         url('font/myriadproregtt.ttf') format('truetype');
}

Answer 2

下面的行表明您的 css 文件位于项目的根目录中，或者您的Contentor文件夹中有一个字体文件Css夹。我的钱是字体文件丢失或路径错误。

@font-face {
    font-family:'Cusmyr';
    src: url('font/myriadproregot.otf'),
    src: url('font/myriadproregsv.svg'),
    src: url('font/myriadproregtt.ttf');
}

可能应该是这样的

@font-face {
    font-family:'Cusmyr';
    src: url('../font/myriadproregot.otf'),
    src: url('../font/myriadproregsv.svg'),
    src: url('../font/myriadproregtt.ttf');
}

Answer 3

'Cusmyr' 不应该用引号引起来吗？也看看这个http://css-tricks.com/snippets/css/using-font-face/的 ie6 修复