[解決済み] 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)のいずれかを使用する場合。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSを使用してカスタムフォントを使用する?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] CSSの爆発を管理する
-
[解決済み] CSS背景のストレッチとスケール
-
[解決済み] 同じフォントに対して複数のフォントファイルを追加する方法を教えてください。
-
[解決済み] 背景画像データをCSSにBase64で埋め込むのは良い方法ですか、悪い方法ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ジャンボトロンのセンター出しは?
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] HTML IFステートメント
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?