フォントで迷走

このブログとホームページは私がWordPressで編集しているのですが、しばらくフォントサイズで迷走しておりました。

私はLION BLOGというテーマを使っておりまして、このテーマの唯一の欠点が、フォントサイズが小さいことです。

もちろんカスタマイズは容易なので、自分で気にいるサイズに変更してしまえばよいのですが、私にWebのCSS知識が乏しいことから、しばらく間違ったフォントサイズを設定していました。

今、記事のフォントサイズは16pxになるようにしています(htmlが10pxなので、その1.6倍になるよう、remを1.6に設定)。

remというのは、root emという意味だそうですね。emはそのままエムです。アルファベットのMの高さを基準に(1とする)相対的にサイズを指定します。remは、root(html)を1とした場合のサイズ指定となります。

一方pxは絶対的なサイズです。どんなにユーザが画面表示を拡大縮小してもフォントサイズは変わりません。

それを知らず、16rem(10pxの16倍！)と指定してしまったことがありました。

もちろん、フォントはすごいことになりました。

今はようやく落ち着いていますが、フォントサイズの誤りに気付くまでしばらくかかりました。そのときにサイトを閲覧した方がいましたら、見づらかったと思います。申し訳ありません。