文字の種類 font-family｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫文字の種類 font-family

文字の種類 font-family

≪ 文字を斜体 font-style	【 HOME 】	文字に装飾 text-decoration ≫

Yahoo!ブックマークに登録

Google Bookmarks に追加

はてなブックマークに登録

livedoorに記事をクリップ

文字の種類（サンプル）
サンプル用の文字	サンプル用の文字	HOMEPAGE
▼	▼	▼
サンプル用の文字（フォント：ＭＳゴシック）	サンプル用の文字（フォント：ＭＳ明朝）	HOMEPAGE （フォント：Terminal）
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

文字の種類（詳細情報）
字体	font-family:★;
指定	★の部分にフォント名または、総称フォント名を指定する。フォントは、他人のパソコンと自分のパソコンに同じフォントがある必要があります。なので、余りマニアックなフォントは使わないないようにしましょう。指定するフォント名の間に空白がある場合 " か ' で囲む必要があります。複数フォントを指定する場合は , で区切ってください。　例：　"ＭＳ明朝","ＭＳゴシック"　'ＭＳ明朝','ＭＳゴシック' 「フォント名」パソコンに備わっているフォントの名前を指定します。　フォントの確認は・・・コントロールパネル → フォントで見てみてください。　例：　ＭＳ明朝　ＭＳゴシック「総称フォント名」ゴシック系、明朝系、筆記系などと大幅に種類を指定できる。　（Netscapeでは、文字コードセットが日本語になってると正しく動作しません）　「serif」を指定すると･･･明朝系のフォントになります。　「sans-serif」を指定すると･･･ゴシック系のフォントになります。　「cursive」を指定すると･･･筆記体系のフォントになります。　「fantasy」を指定すると･･･飾り文字系のフォントになります。　「monospace」を指定すると･･･等幅系のフォントになります。
効果	フォントの種類を変更することができます。
例１	<div style="font-family:'ＭＳ明朝';">サンプル用の文字</div>
結果	サンプル用の文字
例２	<div style="font-family:Terminal,'ＭＳ明朝';">HOMEPAGE</div>
結果	HOMEPAGE
解説	複数指定しておくと、前のフォントが対応してない場合次のフォントが反映されます。

≪ 文字を斜体 font-style	【 HOME 】	文字に装飾 text-decoration ≫

練習用書き込みフォーム（サンプル表示）
<div style="font-family:'ＭＳゴシック';">サンプル用の文字</div> （フォント：ＭＳゴシック） <div style="font-family:'ＭＳ明朝';">サンプル用の文字</div> （フォント：ＭＳ明朝）

素材の森

素材NAVI

素材R

素材・壁紙

イラスト素材

素材・作成

素材ランキング

無料素材リンク

素材ファン

無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索

サイトの説明

素材使用方法

質問集/用語集

作成練習場

カラー見本