WEBTODESIGN

【CSS】游ゴシックが縦書きの時に縦がガタガタになる問題

CSSで游ゴシックを縦書きにしたときに、ガタガタになってしまいました…。

原因は「font-feature-settings」

原因は、font-feature-settings"palt"になっていたことでした。

全体に"palt"をかけているので、縦書きの部分のみ値を変えました。

writing-mode: vertical-rl;
font-feature-settings: initial;

writing-mode: vertical-rl;をかけている部分にfont-feature-settings: initial;を併記しました。

これで縦が中央で揃うようになりました!