1. ホーム
  2. html

[解決済み] Webサイトに非標準のフォントを追加するには?

2022-03-18 19:50:40

質問

画像を使用せずに、ウェブサイト上にカスタムフォントを追加する方法はありますか? フラッシュ またはその他のグラフィックスを使用することはできますか?

例えば、結婚式のホームページを制作していたのですが、そのテーマで素敵なフォントがたくさん見つかりました。しかし、サーバー上でそのフォントを追加する正しい方法を見つけることができません。また、CSSでそのフォントをHTMLに含めるにはどうすればいいのでしょうか?これはグラフィックなしでできるのでしょうか?

どのように解決するのですか?

これは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-Fonts(TTF)、Web Open Font Format(WOFF)、Embedded Opentype(EOT)のいずれかを使用する場合。