トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


スタイルシートの説明

文字の種類 (サンプル)

サンプル用の文字


サンプル用の文字


HOMEPAGE


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

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

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

文字の種類 (詳細情報)
対応  Internet Explorer 4 ↑  Netscape 4 ↑  (ブラウザの対応)
字体 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
解説 複数指定しておくと、前のフォントが対応してない場合 次のフォントが反映されます。

▲上に移動