フォントプレビュー：TTF / WOFF / WOFF2 をアップロードして、インストールせずにグリフを確認
ローカルのフォントファイルを選ぶだけで、ブラウザ上でアウトラインを SVG として描画し、フォントをシステムにインストールする必要はありません。フォントが対応する文字——ラテン文字、CJK、記号——を貼り付けてグリフを 1 文字ずつ確認できます。テキストは重複を除き空白を削除するため、組版見本ではなくグリフ一覧が表示されます。
このフォントプレビューで分かること、あえてやらないこと
インストール不要、ファイルを選ぶだけ
.ttf、.woff、.woff2 ファイルを選ぶとすぐにプレビューできます。システムのフォントには何も追加されず、ファイルがマシンの外に出ることもありません。
アウトラインをグリフ単位で SVG に描画
fontkit がブラウザ内でフォントを解析してテキストをレイアウトし、各グリフのアウトラインを SVG path に変換します。ブラウザの代替フォントではなく、実際の曲線が表示されます。
フォントが対応する文字なら何でも
ラテン文字、中国語、日本語、韓国語、記号などを貼り付けられます。フォントにグリフがある文字は描画され、ない文字は何も表示されません。
1 回に 1 フォント、出力は置き換え
ファイル選択は最初の 1 ファイルだけを読み取り、プレビューするたびに前のグリフ一覧は消去されます。フォントの切り替えは素早いですが、複数フォントの並列比較はできません。
グリフビューアであって、組版の校正ツールではない
フォントサイズ、ウェイト、行送り、字間のコントロールはありません。各グリフは固定の 50×50 の枠に収まり、viewBox は 1200×1200 にハードコード、ベースラインのシフトはおよそ 1000 unitsPerEm に合わせて調整されているため、別のスケールで設計されたフォントは大きく見えたり、小さく見えたり、位置がずれたりします。
フォントプレビュー FAQ
プレビューできるフォント形式は？
TTF、WOFF、WOFF2 の 3 つで、ファイル選択で受け付ける拡張子です。fontkit 2.0.4 で検証したところ、同じフォントを TTF、WOFF、WOFF2 に変換すると描画されるアウトラインは完全に一致しました。OTF は選択肢にありませんが、fontkit 自体は OTTO/CFF ファイルを読み取れます。
システムにインストール済みのフォントをプレビューできますか？
いいえ。システムのフォント一覧も @font-face の登録もなく、入力はアップロードしたローカルファイルだけです。インストールしないのもそのためで、インストール済みのライブラリを Font Book のように閲覧するツールではありません。
調整できる設定は？
プレビューのテキストだけです。フォントサイズ、ウェイト、行送り、字間、配置、色のコントロールはなく、合成の太字や斜体もありません。ファイルに組み込まれたウェイトがそのまま表示されます。
複数の言語や文字セットの比較はできますか？
フォントが対応する任意の文字を入力・貼り付けできますが、言語ごとのプリセット文字セットはなく、2 つのフォントを並べて比較することもできません。重複する文字はまとめられ、空白はすべて削除されるため、連続した文章ではなく文字セットをプレビューします。アラビア語のような複雑な文字体系は、連結や字間の検証を行いません。
大きな CJK フォントはどうなりますか？
問題なく動作します。60,455 グリフを含む 20.9 MB の明朝体フォントは、このマシンで fontkit によりミリ秒単位で解析・レイアウトされ、メモリは約 117 MB でした。SVG に変換されるのは入力した文字だけです。ただしファイル全体はメモリに読み込まれ、プログレスバーもサイズ上限もありません。
処理は完全にローカルですか？
はい。解析と SVG 生成はすべて fontkit によってブラウザ内で実行され、フォントファイルはアップロードされず、ネットワークリクエストも発生しません。ライセンス付きのフォントも非公開のまま扱えます。
デザインアプリと表示が違うのはなぜですか？
これはグリフ一覧だからです。各グリフはそれぞれ独立した固定の 50×50 SVG 枠に描画され、アドバンス幅、カーニング、リガチャの配置は無視されます。viewBox は 1200×1200 に固定され、ベースラインのシフトはおよそ 1000 unitsPerEm に合わせて調整されています（ここで検証したフォントは 2048 と 256 を使用していたため、小さく、大きく、またはずれて見えることがあります）。破損したファイルはコンソールに未処理のエラーを記録するだけで、画面には何も表示されません。
