OSやブラウザで違うFontのVertical Metricsの悩み | ツクメモ - ウェブやアプリをツクるヒトのメモ夏になると、しっかり調整したはずのサイトのコーディングで「ずれています」と連発して言われたことを思い出すもりさんです……。 Google Fontsにも日本語フォントがいくつか使えるようになり、ますますサイト制作しやすくなりました。 Google Fonts イントロダクション 夏のある時期、Google Fontsを利用したある案件を受けました。 さらに欧文や数字だけだったので、問題ないと考えてしました。 しかし…、何度調整しても「ずれている」と言われつづけることになったのです。 ずれる問題 問題は、文字の垂直の空きが違うことでした。 普通に使う分には、ほとんど分からないので問題ありません。 罫線で囲うなどを行うと、OSなどによってFontの垂直の値の違うが明確に出てしまうようです。 問題の表示を確認 Google Fontsで、Orbitronを利用したときにこんな感じになりました。
