1

ダウンロードしたCSSでカスタムフォントを生成しようとしています。

私は動作するはずのこのコードを読んでいますが、間違っている可能性があると思います。

私のフォントの名前: ShadowsIntoLight.ttf

div social_header のフォント ファミリーにしようとしています。

ここに私のコードがあります:

@font-face {
    font-family: ShadowsIntoLight;
    src: url('assets/fonts/ShadowsIntoLight.ttf');
}

social_header {
font: 100% 'ShadowsIntoLight', Arial, Helvetica, sans-serif;
font-size:12px;

}
4

3 に答える 3

4

social_headerdiv を正しく識別しているようには見えません。これを行うにはさまざまな方法がありますが、いくつかのサンプルを以下に示します。

social_header が ID の場合:

#social_header { ... }

social_header がクラスの場合:

.social_header { ... }
于 2013-02-04T15:15:52.517 に答える
1

まず、これを試すよりも、ttfへのパスを確認してください。

.social_header {
    font-size:  12px;
    font-family: ShadowsIntoLight, Arial, Helvetica, sans-serif ; 
}
于 2013-02-04T15:47:05.340 に答える
1

HTML の head に次のコードを入力します。

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>

CSS:

font-family: 'ShadowsIntoLight', Arial, Helvetica, sans-serif;
于 2013-02-04T15:16:47.203 に答える