CSS/フォントを指定して文字列を表示する・font-family

• Prev
• Next
• CSS

フォントを指定して文字列を表示する・font-family †

font-familyでフォント名を指定することにより指定したフォントで文字列を表示することができます。
(ブラウザの設定で強制的にフォントを指定している場合はブラウザで指定されたフォントが適用されます。)

以下にサンプルHTML等を記します。

関連記事 †

• 文字列に下線・上線・取り消し線を設定するサンプル
• フォントサイズの指定サンプル
• 斜体で文字列を表示する
• 文字列を太文字表示する・font-weight
• フォントを指定して文字列を表示する・font-family

フォントを指定のHTML †

以下のHTMLによりフォント指定で文字列表示することができます。
ＭＳ Ｐ明朝とメイリオフォントを指定したサンプルです。

font-family.html

<div style="font-family : 'ＭＳ Ｐ明朝'">ＭＳ Ｐ明朝</div>
<div style="font-family : 'Meiryo'">メイリオ</div>

フォント指定表示の確認URL †

以下、動作確認用URLです。

http://web.just4fun.biz/css/8/font-family.html

フォント指定のスクリーンショット †

上記HTMLをブラウザで表示した時のスクリーンショットです。

以上、CSSでフォント指定で文字列表示の設定でした。