0

フォントフェイスが機能しないようです。以前は問題なく使用していましたが、この場合、どのブラウザでも動作しません。

    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');
}

助言がありますか？

4

3 に答える 3

2

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');
}
于 2012-12-30T14:00:42.727 に答える
-1

以下の行は、css ファイルがプロジェクトのルートにあるか、ContentまたはCssフォルダーに font フォルダーがあることを示しています。私のお金は、フォントファイルが見つからないか、パスが間違っているということです.

@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');
}
于 2012-12-30T13:55:31.903 に答える
-2

「Cusmyr」は引用符で囲むべきではありませんか? IE6 の修正については、このhttp://css-tricks.com/snippets/css/using-font-face/もご覧ください。

于 2012-12-30T13:19:52.287 に答える