CSS-スタイルシート-の字体【font-family】の指定方法について紹介しています。

初心者でもできるホームページ制作&SEO
初心者でもできるホームページ制作&SEOホームページ制作CSS講座フォントの指定>字体を指定する
フォントの指定
CSS講座
ホームページ制作



字体を指定する



字体の指定方法ですが、注意しなければならないのはその字体名の記述方法です。


どういった点に注意しなければならないのかというと、例えば『HGゴシックE』に指定するのであれば、字体名は【HGゴシックE】と、きちんと半角で記述しなければなりません。


また、当サイトの基本の字体である『MSPゴシック』に指定するのであれば、【MS Pゴシック】と文字は全角、スペースは半角で記述しなければなりません。


字体名ごとに決められた形で記述しなければ、その指定は無効になりますので、きちんと決められた形で記述するようにしましょう。


タグに直接記述する場合


以下のように記述することにより、その記述された<p>で囲まれた箇所の字体を指定することができます。


<p style="font-family:字体名;">


ページの<head>内に記述する場合


以下のように<head>内に記述することにより、その記述されたページの<p>で囲まれた箇所全ての字体を指定することができます。
解りやすいよう、<head>から記述します。


<head>
<style type="text/css">
<!--p{font-family:"字体名";}-->
</style>
</head>


外部のCSSファイルに記述する場合


以下のように外部CSSファイルに記述することにより、そのファイルの読み込まれたページの<p>で囲まれた箇所全ての字体を指定することができます。


字体の指定


サイトマップ 更新履歴 問い合わせ サイト&管理人紹介 相互リンクについて リンク集
Copyright(C)2008-2010 Homepage making & SEO that even beginner can do All Rights Reserved