フォントを指定する

フォント名を指定するには、font-familyプロパティを使います。

値には、フォントの名前やフォントカテゴリ名を指定します。まず、フォントの名前で指定する場合についてですが、「Arial Black」や「Times New Roman」などのフォント名を大文字小文字、半角のスペースを正確に記述しましょう。

「ＭＳ Ｐ明朝」などの日本語のフォント名でスペースがあるものも、全角のスペースではなくて半角のスペースを記入して下さい。フォント名に半角のスペースが含まれる場合は、フォント名をダブルクォーテーション（”）かシングルクォーテーション（’）で囲む必要があります。

次に、フォントカテゴリ名での指定ですが、「sans-serif」などの5つの種類があります。
これは、フォントの特長ごとに種類分けされたキーワードで、フォントを大まかに指定することが出来ます。
例えば、「sans-serif」で指定すると、ゴシック体によく似たフォントで表示されます。

フォントカテゴリ名でフォントを指定する場合は、ダブルクォーテーション（”）は、必要ありません。もし囲むとフォント名とブラウザが勘違いしてしまい、正しく表示されません。この指定方法は、NNでは動作しない場合もあります。

フォントの指定は、font-family:まず表示させたいフォント,次に表示させたいフォント、というように「,」コンマで区切ることで、複数指定することが出来ます。

ここでは、フォントの指定方法を説明してきましたが、ページを見る人のOSやブラウザ、インストールされているフォントなどにより、意図したとおりの表示が出来ない場合もあリます。