ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解 - Corredor

拙作のノーマライズ CSS ライブラリ、「Neo's Normalize」を見直していたところ、Windows の Chrome ブラウザで適用されている游ゴシックフォントがかすれていた。 「あれ？@font-face で游ゴシック Medium を指定してるのにな？」と思い、設定を見直したところ、コレが効かなくなっていた。 当時 Neo's Normalize を作る際、それなりに調査しまくった結果だったのだが、どうも仕様が変わっていたようなので、OS・ブラウザごとに挙動を見直すことにした。今回はその研究結果をまとめる。 游ゴシックフォントに関する基礎知識のおさらい Chrome で効かなくなっていた @font-face font-weight: 500 は効いたが、副作用が避けられない Chrome で游ゴシック Medium を使うのは諦める 別解 : 潔く Regular フォン

[ytkwsm]

ありがたい検証…。そろそろMS、Appleになんとかしてほしい。同じフォントデータの利用＋ウェイト追加など…。

[d4-1977]

フォントの見直しをしておきたい

[src256]

游ゴシック見づらい問題

[teracy_junk]

『Windows 向けには、"游ゴシック", "Yu Gothic" と記述する。このように記述すると、Medium よりも細い Regular ウェイトが使用されてしまい、見づらい。みんなが困っているのはこの問題』ほんと見辛いんだよな…

[tabarka]

わ

[ka2nn]

このブログの英単語の周りに半角スペースが入っていて読みづらい。明らかにこちらの環境のせいだけど、、Archlinux + Google Chrome Version 72.0.3626.28 (Official Build) beta (64-bit), 本文のRendered FontsはNoto Sans CJK JPとNimbus Sans

[akeome1369]

最終的にユーザーむしするんかい

[yarumato]

“游ゴシックはWindowsとMac両方にプリインストール。Windows は細めのLight, Regular搭載で細すぎて見づらい。Windowsで游ゴシックMediumを使用したいがブラウザで解釈が異なる。WindowsのChromeのみ細いのだ。拡張機能で文字を太く”

[kikiki-kiki]

游ゴシック Windows細くなる問題。同じ指定でOSによって読み込まれるウェイトが違うってのがそもそも困りモノなんで、どうして…って感想しか無い