0

私のcssファイルには以下のコードがあります。フォントはMacOSのすべてのブラウザで希望どおりにレンダリングされますが、Windowsではレンダリングされません。Windowsと互換性がないと言う前に、Windowsマシンでダミーのページを作成しました。これにより、Chrome（IEではなく）で「.woff」ファイルが正常に実行されます。HoveverIEはこのページをレンダリングできます。@font-faceで重要な何かが欠けているような気がします。これが私のコードです：

@font-face { font-family: Skia; 
        src:url('./webfonts/skia.ttf') format('truetype'),
            url('./webfonts/skia.eot') format('embedded-opentype'),
            url('./webfonts/skia.woff') format('woff'),
            url('./webfonts/skia.svg');
        font-weight: lighter;
        font-style: normal;
    }

'webfonts'フォルダーは、cssファイルが配置されている'styles'フォルダーと同じディレクトリにあります。

>styles
    >'style.css'
>webfonts
    >'skia.ttf / woff / eot / svg'

<body>タグには、font-family:Skia, sans-serif;

4

1 に答える 1

-1

正しい軌道に乗っているようです

@font-face {
    font-family: "sansation";
        src: url("fonts/sansation_light.eot");
        src: url("fonts/sansation_light.eot?#iefix") format("eot"),
             url("fonts/sansation_light.ttf") format("truetype"), 
             url("fonts/sansation_light.woff") format("woff"), 
             url("fonts/sansation_light.svg") format("svg");
    font-weight: 200;
    font-style: normal;
}

古いバージョンの ie の修正、opera の woff、モバイル デバイスの svg などの形式を含める必要があります。この形式は通常、私が間違っていることはありません!

また、./ は現在のディレクトリに関連しているため、安全に省略できます。と も含める必要がfont-weightありfont-styleます。Google Webfonts がこれを行う方法を確認してください。

于 2013-03-22T18:33:00.637 に答える