1

フォントをインストールして CSS で使用しようとしましたが、うまくいきませんでした。どこが間違っているのかを突き止めたいと思います。CSS ファイルと同じフォルダーに .tff ファイルをアップロードし、適切な方法で更新された my css ファイルに追加しました。

これが私のcssにあるもののコピーです：

    @font-face
    {
   font-family: ImpactLabel;
   src: url('ImpactLabel.tff');
    }
    p.change
    {
   font-family:ImpactLabel;
   color: #A70C1E;
   font-size:3em;   
    }

これが私のhtmlファイルです：

<p class="change">Text</p>
4

3 に答える 3

0

これを試してください http://www.fontsquirrel.com/tools/webfont-generator

@font-face {
    font-family: 'primelight';
    src: url('prime_light-webfont.eot');
    src: url('prime_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('prime_light-webfont.woff') format('woff'),
         url('prime_light-webfont.ttf') format('truetype'),
         url('prime_light-webfont.svg#primelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
    p.change{ 
        font-family: "primelight", Verdana, Tahoma;
    }

Web サイトにリポジトリを作成します: fonts/prime/

プライムファイルを中に入れて、次のようなものがあることを確認してください：PrimeLight.otf

詳細はこちらWeb サイトに Prime フォントが必要です

于 2013-09-19T18:29:40.550 に答える