カテゴリー別アーカイブ: 文字化け・文字サイズ

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セレクタの優先順位や読み込まれる順番などにより正しく反映されない場合があるという点について注意する必要があります。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。