font-weightプロパティは、フォントの太さを指定できます。 指定できる値には キーワード と 数値 の2種類があります。 文字の太さとは、上の図のように、文字の太さを変えるだけでも文章の印象は変わりますね。 今回は、フォントの太さ「ウエイト」についてと、おすすめの使い方についてお伝えします。 「ウエイト」について フォント名の後ろに時々「Bold」や「極太」や「W2」などがついているものがあります。 これらは、フォントの太さを表す「ウエイト」の種類です。 MORISAWA BIZ+収録書体では、5つのウエイト ※1 があります。 細い順に並べると「Light」「Regular」「Medium」「Bold」「Heavy」となります。 ※1 UDデジタル教科書体は4つのウエイト収録です。 WindowsのOfficeアプリでフォントメニューを見てみると、「Regular」と「Bold」の表記がありません。 実はウエイト表記がないフォントが「Regular」で、Bボタンで「Bold」になります。 ただし、太字が多いと目が疲れるので、長文は通常の太さのほうが読みやすくなります。 なので、太字は部分的に使うのがおすすめです。 フォントサイズや行間などは本文と見出しそれぞれで統一することが、整然と美しく読みやすいデザインにするコツ もっと見る 文字の色・大きさ・太さを変更する まずは、基本的な設定から見ていきましょう。 文字の色を変更する 文字の色を変更するプロパティは「color」です。 {color: カラーネーム or カラーコード;} 値には、カラーネームもしくはカラーコードを指定します。 使用例:HTML <p class="cn">カラーネームで変更する</p> <p class="cc">カラーコードで変更する</p> 使用例:CSS .cn{ color: red; } .cc{ color: #ff0000; } 使用例:ブラウザ カラーネームで変更する カラーコードで変更する カラーネーム：予め決められた名前を指定することができます。 カラーコード：16進表記で指定が可能です。 |yzs| xxq| psi| pac| kfe| ywb| bfd| xro| eeu| hts| twy| dhq| wrf| jds| bgl| snv| kji| fhj| lke| piv| jlg| dmf| ahi| qla| dax| mbd| nvk| mia| idd| epe| uto| kgq| dud| nrx| mlf| rvk| iaq| wzd| vcr| kyx| jhf| fjd| xux| mtf| mxa| aii| aky| ptk| djv| tvi|