フォントについて知らなさすぎたので
凝縮したページを発券した。
メトリクスとオプティカルの違いを知らずにとりあえず両方試していい感じに見えるほうを選んでたけど、今後は選び方を考えよう
メトリクス:文字のカーニング情報に基づく
オプティカル:文字の形状に基づく
ちなみにCSSで自動カーニング設定することも出来るんだそうな
text-rendering というプロパティを使います
text-rendering: optimizeLegibility;
など
こちらはこの記事がわかりやすかった
text-rendering: optimizeLegibility · terkel.jp
しかし使うにはカーニング情報をフォントが持っている必要があるとのこと。