▲文字をきれいに見せる▼
こんばんわ!!
今日はバイトでした。今日もユニクロは忙しかった、、、w
忙しいのは充実してますねっ
ただ、今週なんとTOEICがあるのです。
げげ(笑)
Webの勉強と両立していかなきゃ!!
今日は、復習をかねて
『文字をきれいに見せる』やり方を書きます★
”きれい”っていうのは明朝体ってことです。
通常、CSSのstylesheetには
body {
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo,
sans-serif;
}
とかきます。
こちらを明朝体のようなきれいな文字に見せたいとき、
body {
font-family:
"ヒラギノ明朝 ProN",
"HG明朝E",
"MS P明朝",
"MS 明朝"
serif;
}
と記述します。
このように表示されます。
『カタカナをきれいに見せる』
カタカナをきれいに見せたいとき、『letter-spacing』を使います
文字の大きさによりますが、だいたい-1または-2くらいです!
h1のカタカナに対してやった設定です↓
h1 {
letter-spacing: -2px;
}
後方のなにもしていないのより、文字幅が狭くなっているのがわかりますよね。
わかるように大げさに書きましたが、これでカタカナもきれいに見せれることができます。
では、今日はこの辺で!
GOOD NIGHT!!!!