カーニング（文字詰め）-Volar2

カーニングというのは文字詰めのことで、【Volar2】では日本語フォントのカーニング機能を搭載してます。

 

ウェブ上でカーニング（文字詰め）がうまく機能する日本語フォントはそう多くはありません。

 

その中で「游ゴシック」は数少ないカーニングが機能するフォントです。

そしてSIRIUS2になって新たに搭載されたwebフォント「Noto」（Google Font）もカーニングが効きます。

 

では比較的よく使われる「メイリオ」はどうかというと、和文部は等幅フォントなのでカーニングが効きません。

 

等幅フォントというのは字間が等幅、つまり原稿用紙に書いたみたいに均等幅で表示されるフォントのことです。

 

これに対して欧文部はプロポーショナルフォント、つまり文字ごとに幅が変えてあるのでカーニングが効きます。

 

実際に見較べてみましょう。

 

こちらは「メイリオ」とwebフォント「Noto」での表示例です。

ただしカーニング機能はOFFのままです。

 

 

字体に若干の違いはあるものの、どちらもほぼ同じ間隔で表示されてますね。

 

では今度はwebフォント「Noto」のカーニング機能をONにした状態で比較してみます。

 

 

読点（、）やかっこやカタカナの小文字などが若干詰まっているのがわかるでしょうか。

 

好みがあるのでどちらがいいとは断言できませんが、少なくとも筆者個人はカーニングされてた方が自然で読みやすい気がしてます。

 

有効化はこちらで用意したカーニング専用スタイルの最初と最後のコメントアウトを解除するだけです。