1

メイン サイト フォルダ (erbosdraco_nova_nbp.ttf) にある外部フォントを使用しようとしていますが、機能せず、デフォルトの html フォントが表示されます。

@font-face

{
font-family: "fontFlightboard";
src: url('templates/erbosdraco_nova_nbp.ttf')
    ,url('Sansation_Light.eot'); /* IE9 */
}


#loginaccess {
    width:450px;
    height:200px;
    background-color:#F3F3F3;
    float:center;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-align:left;
    font-family:"fontFlightboard";
}

ありがとう。

4

3 に答える 3

1

eotまず、フォントを、ttf、などの必要な形式に変換する必要があります。次のsvgリンクにアクセスして、フォントをあるタイプから別のタイプに変換できます: http://www.fontsquirrel.com/fontface/generator

最後に、CSSファイルの最初に次のコードを含めます。

`@font-face {
    font-family: 'JosefinSlab';
    src: url(../JosefinSlab-SemiBold.eot);
    src: url(../JosefinSlab-SemiBold.ttf) format('truetype'),
         url(../JosefinSlab-SemiBold.svg) format('svg'); 
}`

フォント ファイルのパスが正しいことを確認します。

于 2012-12-01T15:55:06.000 に答える
0

この方法を試してください

@font-face{
font-family: fontFlightboard;
src: url('templates/erbosdraco_nova_nbp.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}
于 2012-12-01T15:47:06.907 に答える
0

最初に、Font Squirrel などから Fontface キットを生成することをお勧めします。これには、必要なすべての形式が含まれているためです。それで問題が解決するかどうかを確認してください。

http://www.fontsquirrel.com/fontface/generator

于 2012-12-01T15:38:53.453 に答える