font-feature-settings

参考:

font-feature-settings | MDN

使い方

プロポーショナルメトリクスを用いて字詰めを行う。

font-feature-settings: "palt";

プロポーショナル字体を使用する。

font-feature-settings: "pwid";

ひらがな・カタカナにプロポーショナル字体を使用する。

font-feature-settings: "pkna";

参考:

文字詰めできる CSS の font-feature-settings が凄い! 日本語フォントこそ指定したい自動カーニング | ICS MEDIA

font-feature-settings – OpenType フォントの字形の切替え | CMAN

font-feature-settings | とほほの WWW 入門

字間を調節する

字間を広げる。

letter-spacing: 0.05rem;
こちらのページを参照

参考:

letter-spacing で字間を調整する方法まとめ | サルワカ

letter-spacing | MDN

検証

参考:

文字詰めできる CSS の font-feature-settings プロパティについて検証してみました | briccolog

font-feature-settings プロパティの macOS / iOS でのバグが解消されていました | briccolog

Can I Use

参考:

font-feature-settings | Can I Use Support Tables

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です