スタイルシート
| フォントを指定する ↓ |
|
使用するフォントを指定します serif→明朝系フォント sans-serif→ゴシック系フォント cursive→筆記体・草書体系フォント fantasy→装飾フォント monospace→等幅フォント <head> 〜 </head>内に記述
<body> 〜 </body>内に記述
サンプル フォントを指定する font-familyフォントを指定する font-family フォントを指定する font-family フォントを指定する font-family |
| フォントサイズを指定する ↓ |
|
フォントの大きさを指定します font-size: ★（数字）px （数字）pt （数字）em （数字）% xx-small→非常に小さい x-small→小さい small→やや小さい medium→通常のサイズ large→やや大きい x-large→大きい xx-large→非常に大きい <head> 〜 </head>内に記述
<body> 〜 </body>内に記述
サンプル 13pxで指定 15ptで指定2emで指定 120%で指定 xx-small x-small small medium large x-large xx-large |
| フォントを斜体にする ↓ |
|
文字を斜体にします font-style: ★normal→通常の表示 italic→斜体 oblique→斜体 <head> 〜 </head>内に記述
<body> 〜 </body>内に記述
サンプル font-style: normalを指定 font-style: italicを指定 font-style: obliqueを指定 |
| フォントの太さを指定する ↓ |
|
テキストなどの太さを指定します font-weight: ★100,200,300,400,500,600,700,800,900 normal→標準 bold→太字 bolder→一段階太い lighter→一段階細い <head> 〜 </head>内に記述
<body> 〜 </body>内に記述
サンプル 100 200 300 400 500 600 700 800 900 normal bold bolder lighter |
| フォントをまとめて指定する ↓ |
|
フォントの各種説定を一括指定します font: ★ ★ ★ ★/ ★ ★font-style→斜体など font-variant→大文字を小さく表示 font-weight→フォントの太さ font-size→フォントサイズ line-height→行の高さ font-family→フォント名 <head> 〜 </head>内に記述
<body> 〜 </body>内に記述
サンプル
|
