☰

ウェブサイトに非標準フォントを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css fonts font-face
ウェブサイトに非標準フォントを追加するにはどうすればいいですか? 質問する

画像を使わずにウェブサイトにカスタムフォントを追加する方法はありますか？閃光あるいは他のグラフィックでしょうか?

たとえば、私はウェディング ウェブサイトの作成に取り組んでいて、そのテーマに適した素敵なフォントをたくさん見つけました。しかし、そのフォントをサーバーに追加する正しい方法がわかりません。また、そのフォントを CSS で HTML に含めるにはどうしたらよいでしょうか。グラフィックなしでこれを行うことは可能ですか。

ベストアンサー1

これは CSS で実行できます:

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

それは通常のブラウザすべてに対応TrueType フォント (TTF)、Web Open Font Format (WOFF)、または Embedded Opentype (EOT) を使用する場合。

おすすめ記事