CSSのfont-familyで記号が小さく表示される状況を解決する

Webの制作過程で表示が小さい記号文字の対処が必要になったので、HTMLソースのプロパティfont-familyで解決してみます。

 

はじめに

最初の手順としては、まずCSSファイルを特定記号〇や△などを表示指定する一番最後に読み込まれるセレクタの場所を特定します。

 

その次に、

font-familyプロパティを、font-family: “”メイリオ””, Meiryo, Osaka, “”MS Pゴシック””, “”MS PGothic””,’Century Gothic’, sans-serif;
などで指定をします。

 

最後の手順としては

対象ページで、キャッシュクリア後に特定の記号の大きさが通常サイズか確認することで今回は完了です。

 

この工程の流れで気を付けたい事が、font-familyを指定しても、CSSセレクタの優先順位や読み込まれる順番などにより正しく反映されない場合があるという点について注意する必要があります。