PoC : Perfect Yu Gothic - Testing 05

Windows Chrome で細く見える游ゴシックの表示を CSS で軽減する2つの方法をお試し

デフォルト表示

Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、
出版、Web デザインなどの諸分野において使用されているテキスト。

text-shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、
出版、Web デザインなどの諸分野において使用されているテキスト。


シャドウの色は黒色固定なので、色の付いたテキストが少し黒ずんで表示されてしまう。アンチエイリアスも微妙。

-webkit-text-stroke-width

Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
lorem ipsum (ロレム・イプサム、略してリプサム lipsum ともいう) とは、
出版、Web デザインなどの諸分野において使用されているテキスト。


元の color を利用して縁取りしてくれるので、色の付いたテキストの表示もデフォルト表示のまま。アンチエイリアスもよさげ。