4-13-3a 文字のスタイルの設定
文字のスタイルを決める項目です。font-styleプロパティを利用致します。（下記の見本では「body」部を全て一括で指定しております）。
<head> ～ </head> 内に記述して下さい。
<style type="text/css">
<!--
body {
font-style: italic ; /* 文字のスタイル */
}
-->
</style>
- font-style: normal ;
- 標準のフォントが表示されます。（これが初期値です）。
- font-style: italic ;
- イタリック体のフォントが表示されます。IEなどのブラウザではem要素の文字はイタリック体で表示されます。
- font-style: oblique ;
- 斜体フォントが表示されます。
[ 関連事項 ： HP-TIPS > CSS > 外部スタイルシートの記述方法 ]
4-13-3b 具体的な見本
この文字は「normal（標準フォント）」の見本です。 ABCDEFG abcdefg アイウエオ
この文字は「italic（イタリック体）」の見本です。 ABCDEFG abcdefg アイウエオ
この文字は「oblique（斜体フォント）」の見本です。 ABCDEFG abcdefg アイウエオ
個人的に 文字の種類（font-family） を設定する方はよく見かけるのですが、このfont-styleを設定している方は余り見た事がありません。 しかし斜めの文字が若干読みにくいという理由でem要素に「font-style: normal ; （斜体でなく標準フォントで）」と指定する方は（少数かも知れませんが）おられます。
その他、特定のセレクタ（例：「body」、「p」等）に複数のプロパティ（「color」、「font-size」等）を設定する見本は 『4-9 見出しを修飾する』 をご覧下さい。
[ 関連事項 ： HP-TIPS > HPの作り方 > 用語集 > セレクタ ]
[ 関連事項 ： HP-TIPS > HPの作り方 > 用語集 > プロパティ ]