文字詰めCSSのfont-feature-settings

CSSのfont-feature-settingsプロパティを指定するだけで自動カーニングができます。ほとんどのブラウザがサポートしており、実務でも十分使えるようになってきました。

CSSのfont-feature-settingはOTFのオプション機能を有効にできる機能

CSSのfont-feature-settingsはOpenTypeのオプション機能を指定するプロパティです。プロポーショナルメトリクスを有効にするには、横組みの文字詰めにはpalt(全角の幅で設定するようにデザインされた字形のスペースを、個々の横の幅に収まるように再調整する指定)を利用します。

font-feature-settingsプロパティは機能名と有効可否(0か1、もしくはoffかon)をセットで指定します。1(有効)を省略した場合は、1が指定されたと見なされるので有効として設定されます。

.selector {
 /* プロポーショナルメトリクスを有効にする指定 */
 font-feature-settings: "palt" 1;
}

参考

参考2


いいなと思ったら応援しよう!