フォントのサイズ
パーセント
.fp1{font-size: 60%;}<p class="fp1">ホームページ作成60%</p>
.fp2{font-size: 80%;}<p class="fp2">ホームページ作成80%</p>
.fp3{font-size: 100%;}<p class="fp3">ホームページ作成100%</p>
.fp4{font-size: 120%;}<p class="fp4">ホームページ作成120%</p>
.fp5{font-size: 140%;}<p class="fp5">ホームページ作成140%</p>
.fp6{font-size: 160%;}<p class="fp6">ホームページ作成160%</p>
ホームページ作成60%
ホームページ作成80%
ホームページ作成100%
ホームページ作成120%
ホームページ作成140%
ホームページ作成160%
ピクセル
.fpx1{font-size: 8px;}<p class="fpx1">ホームページ作成8px</p>
.fpx2{font-size: 10px;}<p class="fpx2">ホームページ作成10px</p>
.fpx3{font-size: 12px;}<p class="fpx3">ホームページ作成12px</p>
.fpx4{font-size: 14px;}<p class="fpx4">ホームページ作成14px</p>
.fpx5{font-size: 16px;}<p class="fpx5">ホームページ作成16px</p>
.fpx6{font-size: 18px;}<p class="fpx6">ホームページ作成18px</p>
ホームページ作成8px
ホームページ作成10px
ホームページ作成12px
ホームページ作成14px
ホームページ作成16px
ホームページ作成18px
エム(em)
.fem1{font-size:0.6em;}<p class="fem1">ホームページ作成0.6em</p>
.fem2{font-size:0.8em;}<p class="fem2">ホームページ作成0.8em</p>
.fem3{font-size:1.0em;}<p class="fem3">ホームページ作成1.0em</p>
.fem4{font-size:1.2em;}<p class="fem4">ホームページ作成1.2em</p>
.fem5{font-size:1.4em;}<p class="fem5">ホームページ作成1.4em</p>
.fem6{font-size:1.6em;}<p class="fem6">ホームページ作成1.6em</p>
ホームページ作成0.6em
ホームページ作成0.8em
ホームページ作成1.0em
ホームページ作成1.2em
ホームページ作成1.4em
ホームページ作成1.6em
エックスハイト(ex)
.fex1{font-size:0.6ex;}<p class="fex1">ホームページ作成0.6ex</p>
.fex2{font-size:0.8ex;}<p class="fex2">ホームページ作成0.8ex</p>
.fex3{font-size:1.0ex;}<p class="fex3">ホームページ作成1.0ex</p>
.fex4{font-size:1.2ex;}<p class="fex4">ホームページ作成1.2ex</p>
.fex5{font-size:1.4ex;}<p class="fex5">ホームページ作成1.4ex</p>
.fex6{font-size:1.6ex;}<p class="fex6">ホームページ作成1.6ex</p>
ホームページ作成0.6ex
ホームページ作成0.8ex
ホームページ作成1.0ex
ホームページ作成1.2ex
ホームページ作成1.4ex
ホームページ作成1.6ex
キーワード
.fkws{font-size:smaller;}<p class="fkws">ホームページsmaller</p>
.fkw1{font-size:xx-small;}
<p class="fkw1">ホームページxx-small</p>
.fkw2{font-size:x-small;}<p class="fkw2">ホームページx-small</p>
.fkw3{font-size:small;}<p class="fkw3">ホームページsmall</p>
.fkw4{font-size:medium;}<p class="fkw4">ホームページmedium</p>
.fkw5{font-size:large;}<p class="fkw5">ホームページlarge</p>
.fkw7{font-size:x-large;}<p class="fkw6">ホームページx-large</p>
.fkw8{font-size:xx-large;}
<p class="fkw7">ホームページxx-large</p>
.fkwl{font-size:larger;}<p class="fkw1">ホームページlarger</p>
ホームページsmaller
ホームページxx-small
ホームページx-small
ホームページsmall
ホームページmedium
ホームページlarge
ホームページx-large
ホームページxx-large
ホームページlarger
