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文件位于项目的根目录中，或者您的Content或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'在引号中吗？另请查看ie {fix

的http://css-tricks.com/snippets/css/using-font-face/

@Font无法在任何浏览器中工作

3 个答案: