3

プロジェクトフォルダーの下にフォントとして保存されているサイトのフォントを使用しており 、このコードをcssで使用しました。

私のCSS

 @font-face
{
font-family: buddys;
src: url('/fonts/Kristen-ITC-Regular.ttf'),
     url('/fonts/Kristen-ITC-Regular.eot'); /* IE9 */
}

私のサイトには適用されないフォントスタイルをライブにアップロードしている間、ローカルホストで作業しています。ライブサイトで動作させる方法。

ありがとう。

4

4 に答える 4

2

実際のフォントがWebサーバーにアップロードされ、パスが正しいことを確認しますか？

すべての画像ファイルを指定することをお勧めします。

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

これらすべてをfont-faceファイルから生成するには、次のようなツールを使用するだけです。

于 2012-10-10T14:57:26.977 に答える