ChromeとFirefoxでブログ内のフォントの見え方が異なる - Cocoonテーマに関する質問

RE: ChromeとFirefoxでブログ内のフォントの見え方が異なる

Wed, 12 Apr 2023 06:05:58 +0000

@akira Akira様、ご返信いただきありがとうございます。別のサイトなどで調べるとほとんどフォントに違いがない（ように見える）サイトもあったので、私だけの問題かと思っていましたが共通認識なのですね。

@chu-ya chu-ya様、参照記事ありがとうございます。とても分かりやすかったです！

ブラウザ間でのフォントの違いはどうしても仕方のないことなのですね。微差ということもありますし、特に気にしないようにしていきたいと思います。

ご回答いただき、本当にありがとうございました。

大門未知子 — Wed, 12 Apr 2023 04:27:00 +0000

●ご参照

https://www.bricoleur.co.jp/blog/archives/1781

Akira — Wed, 12 Apr 2023 04:08:35 +0000

ブラウザのレンダリングエンジンの違いで生じます。

ブラウザのフォントの描画は複雑で、CSS などを書いても完全に同じにはできないはずです。もし同じにする方法があるのなら、すごく知りたいです。

この違いはずっと前から言われていて、検索すればたくさん出てくると思います。「chrome firefox font different」と検索したところ、12 年前の Stack Overflow が出てきました。

Tue, 11 Apr 2023 15:02:56 +0000

いつもCocoonを利用させていただき、誠にありがとうございます。

以前から気になっていたのですが、ブログをChromeとFirefoxで表示させると微妙にフォント（の見え方）が違って表示されてしまいます（添付画像）。

普通の文字だと微々たる誤差なのですが、太字の部分は特にはっきりと違いがわかります（firefoxの方が若干細い）。

検証のページを見てみますとchromeの方はレンダリングフォントがArial、Yu Gothic Medium、Firefoxの方はArial（Arial Bold Italic）、游ゴシック（Yu Gothic Medium）と表示されています。

これはいったい何が原因で差異が生じてしまっているのでしょうか？

もしCocoonと関係のない質問だとしたら誠に申し訳ございません。

どうぞよろしくお願いいたします。