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 | MDN

参考:

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

字詰め

参考:

OpenType のフォントで文字の間隔を詰めたい /游ゴシック、游明朝の文字の間隔がスカスカなのを詰めたい | iPentec

検証

参考:

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

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

Can I Use

リンク:

font-feature-settings | Can I Use Support Tables

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

コメントを残す

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

Protected by reCAPTCHA