0 
@font-face {
    font-family: 'CodeLight';
    src: url("font/CODE_Light.eot"); /* IE9 Compat Modes */
    src: url("font/CODE_Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
         url("font/CODE_Light.woff") format("woff"), /* Modern Browsers */
         url("font/CODE_Light.ttf")  format("truetype"), /* Safari, Android, iOS */
         url("font/CODE_Light.svg#svgFontName") format("svg"); /* Legacy iOS */
    }

@font faceを使用して上記のフォントを読み込もうとしていますが、Chrome開発ツールでチェックすると404が表示されます。誰かがこれの何が悪いのか説明できますか？

4

2 に答える 2

2

404が表示される場合は、フォントに不正なURLを指定しています...

次のようなディレクトリ構造がある場合：

~
    css
           style.css
    fonts
           font1.eot
           font2.ttf

あなたが明らかにそれをこのように設定しなければならないより：

src: url('../fonts/font1.eot")
于 2012-08-20T08:58:38.763 に答える
0

「font」ディレクトリへのフルパスを指定するか、ルートにある場合はその前に「/」を使用できます。そのようです：

src: url("/font/CODE_Light.eot");
...
于 2012-08-20T09:20:19.967 に答える