3-5.文字や文章の装飾 3-6.Webフォント


【文字の大きさ】font-size

猫の一日 font-size: 2rem

ひたすら寝ています。 font-size: 20px;

猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

【テキスト太さ】font-weight

通常の太さのテキスト

太字にしたテキスト font-weight: bolder;font-size:15px

細字にしたテキスト font-weight: lighter;font-size:14px

太さ500にしたテキスト font-weight: 500;font-size:13px

【行間】 line-height

line-height:1.7 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

line-height:1.3em 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

line-height:70% 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

line-height:18px 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

【文字そろえ】text-align

[左揃え]text-align:left 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

[右揃え]text-align:right 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

[中央揃]text-align:center 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

[均等割]text-align:justify 猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

【Webフォント】font-family: "M PLUS Rounded 1c" P104

猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。


HowTo Google Fonts 1.https://fonts.google.com/
2.Search
3.[Get Font]
4.[Get embed code]
5.font weight select
6.WebタグをCopy
7.headタグにPaste
【文字の色】color

猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。

猫は毎日12~16時間は睡眠をとるといわれています。 但し、熟睡している時間は意外と少なく、ほとんど浅い眠りです。物音がするとすぐ目を覚ますのはそのせいなんですね。