Windowsを使用していると、WordやExcelなどでフォントを選択する際に、「UI」と名前のついたものを見かけます。
- Meiryo UI
- Yu Gothic UI
- MS UI Gothic
不思議なことに「UI」という名前のついていないフォントも用意されている様子（なぜか日本語になる）。
- メイリオ
- 游ゴシック
- ＭＳ ゴシック
デザイナーの方であればそれぞれの違いを理解していたり、MacユーザーなのでUIフォントを見かけなかったり、「そんなフォントは使わない！」といったケースが多いのかと思います。
しかし、フォントについては詳しくなく、UIフォントについて知らないまま、なんとなく利用している方もいるでしょう。
ここではそうした方に向けて、UIフォントとは何かを説明し、非デザイナーのような方でもUIフォントを意識して利用できるケースについて説明します。
UIフォントの概要
UIフォントと普通のフォントは幅が違う
上記の画像をみるとわかるように、同じ文字・文字数であるにも関わらず、表示幅が異なることがわかります。
メイリオとメイリオUIは同じようなデザインの文字ではありますが、文字の幅が異なるという違いがあります。他のUIフォントについても同じような特徴があります。
UIフォントが作られた理由はWindowsのUIのため
UIフォントはMicrosoftがWindowsで使用するフォントとしてつくられたという背景があります。
我々が普段Windowsを使っているとき、ファイル名やメニューに使われているのはUIフォントです。
下記のような画面を開いているときのフォントは、デフォルトでUIフォントが使われています。
「ドキュメント」とか「ミュージック」とかがそうですね（Windows10では、おそらくYu Gothic UIが使われている）。
なぜ幅が狭いのか
Windowsでメニューやファイル名などを表示するときには、限られたスペースのなかに文字を入れる必要があります。
英語であれば、文字の幅が狭いためスペースを取らないのですが、日本語だと通常よりも幅をとってしまいます。
そのため、幅の狭いフォントを使用しているのだとか。
デザイン的な観点では評判が悪い
MS御用達のUIフォントはデザインの観点からは評判が悪い印象。
文字の間隔というのは、デザイナーであれば、わざわざ数ピクセル単位で調節するような領域です。
それをUIフォントは「詰めるだけ詰める」なんてことをやっているわけですから、美しくないと感じる人がいるのも、うなずける話。
下記サイトでは、ボロクソに書かれているのでご参照ください。
参考：いまさらながら見直したい——Windowsの和文フォント事情2016
Excelで使うのはおすすめ
とはいえ、UIフォントを使うとよい場面というのもあります。
わたしの場合は、EXCELの資料を作成するときにUIフォントを使うことがあります。
上記の画像を見るとわかるように、UIフォントは幅が狭いため、限られたセルの中に文字を収めることができるんですね。
「これ以上セルの幅を広げると、表が画面に収まらなくなって不便」といったときにぜひ活用してみてください。
UIフォントは普通のものとどう違うのか、これを今回知ったことで、それを活かせる機会が生まれると思います。
メイリオはまだ知っていたとしても、「游ゴシックとは？」となるかたは下記もどうぞ。
