Growth Hackで得た知見やWeb制作の備忘録をまとめています。

This is standard

CSS

日本語フォントをカーニングしてくれるCSSプロパティfont-feature-settings

投稿日:

See the Pen font-feature-settings by This is standard (@koutafunahashi) on CodePen.

コーディングしてて游ゴシックをカーニングしたいと思ったことはないですか?
特にカタカナの余白が常々えぐいなと思っていたのですが、そんな時カーニングしてくれるCSSプロパティを発見してストレスが軽減したのでご紹介します。

例を見ていただければ一目瞭然ですね。
下がfont-feature-settingsを反映したテキストです。変な改行も入らず、スッキリしています。
これはデフォルトで入れておきたいプロパティですね。

-CSS

Copyright© This is standard , 2019 All Rights Reserved Powered by STINGER.