html - Gotham-Light フォントで @font-face を使用するにはどうすればよいですか?

Question

CSSコーディングでGotham-LightをWeb上に表示したいのですが、コーディングできません。Gotham-Light.eot、Gotham-Light.ttf という名前の 2 つのフォントがあります。では、ブラウザでどのように使用できますか? 私を助けてください。

Answer 1

次のようにフォントを定義します。

@font-face{
   font-family: gotham-light;
   src: url('gotham-light.ttf') url('gotham-light.eot');
}

そして、通常どおりに使用します

#someelement {
    font-family: gotham-light;
}

Answer 2

これはIEには当てはまりませんが、FFとChromeではこれを行うことができます

@font-face{
font-family: gotham-light;
src: url('gotham-light.ttf');
}

また

@font-face{
font-family: gotham-light;
src: url('gotham-light.eot');
}

次に、cssで必要なクラスにfont-familyを適用します