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

HomeCSS辞典文字の種類 font-family
サイト内検索

文字の種類 font-family

文字の種類 (サンプル)

サンプル用の文字


サンプル用の文字


HOMEPAGE


サンプル用の文字
(フォント:MS ゴシック)

サンプル用の文字
(フォント:MS 明朝)

HOMEPAGE
(フォント:Terminal)
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

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


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング