デザイナーさんから「最初のかっこのスペースが気にからなんとかできないかな？」
Web制作をしていると言われることがしばしばあります。

「かっこ」を文字の先頭でつけると
段落落ちしているように見える

上はサンプルなのですが、「」の前にスペースがあるわけではなく、【「】一文字分のスペースでこのような結果になってしまっています。これを解決するにはどうしたらいいのでしょうか。

「」や文字を詰めたい時に使えるcss

上では３つの例を出して、最初の括弧の位置を調整しました。どうしても最初に括弧がきてしまうことがあります。そんな時に覚えておきたいのが、【font-feature-setting】です。

【font-feature-setting】とは？

OpenType フォントの拡張タイポグラフィの特性を制御します。

引用:https://developer.mozilla.org/ja/docs/Web/CSS/font-feature-settings

 

このように”font-feature-settings : “palt”;”を利用することで最初にくる「　　の開始位置を調整することができる。