WordPressで文字の大きさを変更するのでR

WordPressのソースをいじって、HTMLの記述なんぞで、文字の大きさを変更したいのでR。

その時は、

こちらが参考になったのでR。こちらを参考に投稿に記述してみるのでR。

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<span class="sample1">文字の大きさ12px</span>
<span class="sample2">文字の大きさ12em</span>
<span class="sample3">文字の大きさ12ex</span>
<span class="sample4">文字の大きさ80%</span>
<span class="sample5">文字の大きさ100%</span>
<span class="sample6">文字の大きさ120%</span>
<span class="sample7">文字の大きさxx-small</span>
<span class="sample8">文字の大きさx-small</span>
<span class="sample9">文字の大きさsmall</span>
<span class="sample10">文字の大きさmedium</span>
<span class="sample11">文字の大きさlarge</span>
<span class="sample12">文字の大きさx-large</span>
<span class="sample13">文字の大きさxx-large</span>
</body>
</html>

ただし、

<div style="font-size:12px;">文字の大きさ12px</div>
<div style="font-size:12em;">文字の大きさ12em</div>
<div style="font-size:12ex;">文字の大きさ12ex</div>
<div style="font-size:80%;">文字の大きさ80%</div>
<div style="font-size:100%;">文字の大きさ100%</div>
<div style="font-size:120%;">文字の大きさ120%</div>
<div style="font-size:xx-small;">文字の大きさxx-small</div>
<div style="font-size:x-small;">文字の大きさx-small</div>
<div style="font-size:small;">文字の大きさsmall</div>
<div style="font-size:medium;">文字の大きさmedium</div>
<div style="font-size:large;">文字の大きさlarge</div>
<div style="font-size:x-large;">文字の大きさx-large</div>
<div style="font-size:xx-large;">文字の大きさxx-large</div>

でもいけるみたいでR。

結果、

上は、




文字の大きさ12px
文字の大きさ12em
文字の大きさ12ex
文字の大きさ80%
文字の大きさ100%
文字の大きさ120%
文字の大きさxx-small
文字の大きさx-small
文字の大きさsmall
文字の大きさmedium
文字の大きさlarge
文字の大きさx-large
文字の大きさxx-large

になり、

下は、

文字の大きさ12px
文字の大きさ12em
文字の大きさ12ex
文字の大きさ80%
文字の大きさ100%
文字の大きさ120%
文字の大きさxx-small
文字の大きさx-small
文字の大きさsmall
文字の大きさmedium
文字の大きさlarge
文字の大きさx-large
文字の大きさxx-large


になったのでR。

これを見ると、

上では

スタイルシート部分は外部ファイル(sample.css)に記述しないといけないようでR。下はそのままでも直に行けるようでR。






この記事をシェアできます。

月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』