デザイン
2021.03.31
CSSでカーニングを行う方法。『letter-spacing』じゃないよ♪
文字の間の余白を調節するのによく登場するのが「letter-spacing」プロパティ。
ただし、こちらを適用すると”全ての文字を均等に調整”されます。
特定の文字の組み合わせの時のみにカーニング(文字間調整)を行いたい場合は、
今回ご紹介する「font-kerning」プロパティが便利です。
.font-kerning {
font-kerning: auto; /* 標準値(ブラウザ設定)を適用 */
font-kerning: normal; /* カーニングを適用 */
font-kerning: none; /* カーニングを適用させない */
}
この記事に関連するタグ
正しい効果測定は、正しい計測設定から!Googleアナリティクス設定項目チェックシート(無料)
リスティング・Googleアナリティクス・ホームページ・ランディングページなど
Webマーケティングのことなら何でもご相談ください
株式会社マイティーエースでは、様々なWeb広告・Webマーケティングなど
お客様に合ったご提案しています。
興味をお持ちいただけた方は、まずは気軽にご相談ください。