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の作り方 > 用語集 > プロパティ ]