当ブログを運営するにあたり、文字はウェブによくあるゴシック体でなく、試験のフォントと同じ明朝体にしたいと思っています。しかし、明朝はいまいち線が細く見にくいので、設定による見え方を比較して検討してみたいと思います。
どこかの誰かに参考になり、自分用のメモとしても公開しておきます。
設定は、Cocoon設定の「全体」タブで行います。
画像は、運営者のスマホ(Android)の画面のスクリーンショットです。
スマホ表示を優先すると、PCでの表示は文字が太くなりすぎたりで微妙にうまくいかず。。。
スマホでのWordpressテーマ「Cocoon」でのフォントとサイズの設定による見え方の比較
●この設定はスマホでは線が細くかなり見にくい
サイトフォント Noto Serif Jp(WEBフォント)
モバイルサイトフォント 18px
文字の太さ 500

●線が太くなりすぎで、画数の多い文字がつぶれ気味
サイトフォント Noto Serif Jp(WEBフォント)
モバイルサイトフォント 18px
文字の太さ 600

●Noto Serif Jpよりは見やすいが、線は細め
サイトフォント さわらび明朝(WEBフォント)
モバイルサイトフォント 18px
文字の太さ 500

●Noto Serif Jpの太さ600よりかは見やすい、これが有力候補
サイトフォント さわらび明朝(WEBフォント)
モバイルサイトフォント 18px
文字の太さ 600

●見慣れたフォントなので見やすいが、メイリオもゴシックなので学術的な感じが弱い
サイトフォント ヒラギノ角ゴ、メイリオ(デフォルト)
モバイルサイトフォント 18px
文字の太さ 500

