Font Viewer
TTF・OTF・WOFF・WOFF2のフォントやzipをドラッグ&ドロップして、入力した文字で試し書きできるシングルページツール。複数のフォントを横に並べて比較でき、フォントに未収録の文字も強調表示。インストール前の確認やフォント選びに使えます。外部送信なし、ローカルで完結。
デザインやマンガ・資料づくりで使うフォントを選ぶとき、候補を同じ文字で並べて見比べるためのビューア。配布されている zip をそのまま放り込めば、中のフォントがすべて並びます。フォントに入っていない文字もひと目で分かるので、漢字が足りないフリーフォントを後から差し替える手間を減らせます。ファイルはブラウザの外に送信しません。
機能
- 候補のフォントを横に並べる：読み込んだフォントごとに同じ文字を表示し、横並び・縦並びを切り替えて見比べられます。文字サイズや列の幅、縦書きも変えられるので、実際に使う場面に近い形で比べられます。
- zip をまとめて読み込む：フォントの配布 zip を展開せずにそのままドロップできます。複数の zip やファイルを一度に入れても、中のフォントがすべて並びます。日本語のファイル名も文字化けしません。
- 足りない文字がすぐ分かる：フォントに収録されていない文字は色と下線で示し、カードに一覧で表示します。セリフや見出しに使いたい文字がそのフォントで出せるかを、使う前に確認できます。
- ライセンスの記載を確認：フォントに埋め込まれた名前・バージョン・著作権・ライセンスの記載を表示します。商用利用の可否などを調べるときの手がかりになります。
使用技術
Vue 3、FontFace API、fflate