Bloosh Company

Development>フロントエンド

游ゴシックの縦書きが揃わないとき!

, ,

JugemuJUGEMUGokoのSURIKIRE

JugemuJUGEMUGokoのSURIKIRE

 
※この記事は游ゴシックがインストールされてる端末で見てね!
上の縦書きテキストをごらんください。
それぞれ、cssでフォントを游ゴシックに、writing-modeで縦書きにしています。
左側のアルファベットがガタガタですね。
原因はcssのfont-feature-settings"palt"にしていたことでした。
font-feature-settingsを指定すると文字詰めできるのですが、縦書きにすると美しくそろわないことが判明しました。
游ゴシックで縦書きする場合は、font-feature-settings: initial;を指定しましょう。
 
チナミになる話・・・
font-feature-settings"palt"の他にもいろいろ指定できますが、グローバル値以外の場合はダブルクォーテーションで囲うのを忘れずに!

游ゴシックの縦書きが揃わないとき! #フロントエンド #ウェブデザイン #ウェブ制作 #WEBデザイン #WEB制作 #css #文字詰め #縦書き

<<次の記事

WordPressのcssを更新したら自動でキャッシュを消してすぐ反映させる方法!

前の記事>>

SEO対策!WordPress投稿の日付にTIMEタグとDATETIME属性を設定する

Tweets by blooshcompany