商品説明文・販売説明文内のテキストの文字間について

Question

ご存じでしたら教えてください。楽天の商品説明文中に文章を画像化せずテキスト要素で掲載する場合、HTMLやCSSで文字間を詰める（カーニングの様なイメージです）ことは出来ますか？

Answer

ECマスターズの伊藤です。> 文章を画像化せずテキスト要素で掲載する場合、> HTMLやCSSで文字間を詰める（カーニングの様なイメージです）ことは出来ますか？Macでの表示となりますが下記の通りカーニングの設定が可能です。https://ec-masters.gyazo.com/bbc3df3aef6ed2648b5656bb9e8b5f06なお、モバイルはCSSの利用ができませんので、PCのみご対応可能となります。使用したCSSもご案内いたしますので、お試しください。letter-spacingについては、数値（0.2em）は任意に変更が可能です。例:18pxなど■ 指定なし
【あぁいぃうぅえぇおぉ、「か」『き』［く］《け》こ。】
■ font-feature-settings: "pkna";

【あぁいぃうぅえぇおぉ、「か」『き』［く］《け》こ。】

■ font-feature-settings: "pwid";

【あぁいぃうぅえぇおぉ、「か」『き』［く］《け》こ。】

■ font-feature-settings: "halt";

【あぁいぃうぅえぇおぉ、「か」『き』［く］《け》こ。】

■ spacing(-0.2em)

【あぁいぃうぅえぇおぉ、「か」『き』［く］《け》こ。】

■ spacing(0.2em)

【あぁいぃうぅえぇおぉ、「か」『き』［く］《け》こ。】

商品説明文・販売説明文内のテキストの文字間について

カテゴリーから探す