Chrome77でヒラギノ角ゴシックの太字フォントがノーマルで表示される不具合
当方iMacを利用しているのですが、「ヒラギノ角ゴシック」の太字がノーマルの文字で表示されて困っていました。
ＣＳＳを確認しても、記述には問題がありません。
プラグインに問題があるのかもと思って、一つずつ調べてみましたが解決出来ませんでした。
他のフォントでは正常表示されるので、もしかしたらブラウザの問題ではと色々調べていたら、Chrome自体の問題だったのです。
スポンサーリンク
Chrome77 は font-family: ‘Hiragino Kaku Gothic’, ‘ヒラギノ角ゴ ProN’ の指定が無効になっている
「かもメモ」さんの記事で、標題の問題を見つけました。
早速、対応してみたところ問題無く表示されるようになりました。
なお、当ブログの環境は、「macOS Mojave」、「Chrome バージョン: 80.0.3987.132」です。
当ブログのフォント指定は、
body {'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック',Arial,'Meiryo','ＭＳ Ｐゴシック', sans-serif;}
と記述していました。
これでは、不具合が出てしまいます。理由はフォントの名称が「Hiragino Sans」に変わっているのが原因のようです。
よって、フォント指定に’Hiragino Sans‘を追加することで解決しました。
body {'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',Arial,'Meiryo','ＭＳ Ｐゴシック', sans-serif;}
これで、’Hiragino Kaku Gothic ProN’,’ヒラギノ角ゴ ProN W3′,’ヒラギノ角ゴシック’が無ければ、’Hiragino Sans‘が利用されます。
