WordPressで記号(○×)表示するフォントをTerminalにしてみた話

お客さま

Wordpressで「○」「×」などの記号を表示すると小さくなります。どうすればいいですか?
該当のフォントを確認して、大きく表示できるフォントに変更してみましょう。今回はTerminalフォントにしてみました。

近藤雄一

記号(○×)が小さく表示されてしまう問題

比較表内の記号(○×)を見てみると、たしかに小さいですね。

記号(○×)が小さく表示されている例

font-familyを確認する

該当のWordpressテーマを確認してみます。

font-family: “Helvetica”, “Arial”

英字でよく使われているfont-familyですね。

  • Mac環境・・・Helvetica
  • Windows環境・・・Arial

が表示されているのでしょうか。
(もしくはフォントリンクされている別のフォントが表示されるのでしょうか?)

記号(○×)がクッキリ表示されるフォントTerminal

WordPressで選べるフォント内から、いくつか試してみました。

Terminalは、「○」「×」ともに大きく表示されて良さそうです。

フォント名×
Helvetica
×
Arial×
Terminal×

先ほどの比較表もずいぶんと見やすくなりました。

記号(○×)にTerminalフォントを指定した例

まとめ

ひとまず記号のみTerminalフォントを指定する事で対処しました。もっと良い方法あれば教えていただけると嬉しいです。