フォント指定に悩む今日この頃。
ついに調べましたよ！
WinとMacで両方デフォルト搭載されている英字フォント！
！
- Arial
- Comic Sans MS
- Courier New
- Georgia
- Impact Regular
- Tahoma
- Times New Roman
- Trebuchet MS
- Verdana
各フォントの見た目はこんな感じ
先日悩まされたSegoeUIと、お馴染み日本語フォントとしてメイリオとNotoも加え、同じ文字列で比較してみます。
黄色の帯はArialの高さを基準にしています。
ぱっと見文字自体の高さはわりと揃って見えますが、拡大して見ると以下の通り。
結構シビアに判別してます。
▼Arialと同じ高さ
- Tahoma
- Trebuchet MS
- Verdana
▼Arialより高さがある
- Comic Sans MS
- Impact Regular 一番大きい
- Meiryo
▼Arialより高さが無い
- Courier New 一番小さい
- Georgia
- Times New Roman
- Segoe UI
- NotoSuns
メイリオとシーゴって高さはそこまで変わらないのにこんなにサイズ感の印象違うんだなーと思いました。
そして結論！こうかなと！
↓ ↓ ↓
【通常WebSite】
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",'Noto Sans JP',Meiryo,'メイリオ',sans-serif;
【PC利用メインのシステム系】
font-family: Arial,Meiryo, sans-serif;