フォント・タイポグラフィ検査スタジオ
完全ブラウザ完結・外部送信ゼロ。TTF・OTF・WOFF・WOFF2のメタデータ、字形輪郭、Unicode/多言語カバレッジ、OpenType機能、Variable Font可変軸、タイポグラフィプレビュー、複数フォント比較、CSS/@font-face出力。
- TTF・OTF・WOFF・WOFF2のブラウザ内完全ローカル検査・プレビュー
- UnitsPerEm・Ascender・Descender等の詳細タイポグラフィメトリクス
- 全字形グリフ一覧・Unicodeコードポイント検索・ベクター輪郭SVG表示
- Latin・CJK・Arabic・Devanagari等主要スクリプトおよび10言語カバレッジ解析
- 任意テキストのMissing Glyph(文字化け・豆腐文字候補)高精度検出
- GSUB/GPOSテーブル解析(リガチャ・カーニング・分数・数字幅切替)
- Variable Font(fvar/STAT)の可変軸スライダー操作&CSS variation settings生成
- 見出し・本文・UI・表・コード等の実践的タイポグラフィプレビュー&WCAGコントラスト計算
- 最大4フォントの客観的メトリクス横並び比較(順位付けや主観採点なし)
- Webfont用 @font-face・unicode-range候補CSS生成&FontFace読み込み検証
- JSON・CSV・Markdown・単体HTML・SVG見本・PDF監査レポートの多形式エクスポート
- サーバーアップロード・Cookie・LocalStorage完全ゼロのセキュア&プライバシー設計
フォントファイルをここにドラッグ&ドロップ
または端末からフォントを選択(TTF, OTF, WOFF, WOFF2)
フォントが登録されていません。上のボタンからサンプルを試すか、ファイルをドラッグ&ドロップしてください。
Load an included standard sample font to instantly explore OpenType features and variable axes, or drop your own TTF, OTF, WOFF, or WOFF2 font files.
フォント・タイポグラフィ検査スタジオについて
フォントを「単に見る」だけでなく、Web・多言語・UI・グラフィック用途で本番導入する前に、その構造・文字収録・OpenType機能・可変軸・Webfont特性をブラウザ内で安全かつ徹底的に診断できるプロフェッショナルなフォント検査スタジオです。
すべての解析処理は100%クライアントサイド(ブラウザ内)で実行され、フォントファイル・テキスト・ハッシュがサーバーへアップロードされたり外部送信されることは一切ありません。
対応フォーマットと厳密な構造・整合性検査
TrueType(TTF)、OpenType(OTF / CFF)、WOFF、WOFF2に対応。SFNTテーブルディレクトリ(head, hhea, hmtx, maxp, OS/2, post, cmap, name等)の存在確認・境界値・32ビットチェックサムを厳密に検証します。
WOFF2形式についてはブラウザネイティブのFontFaceエンジンによる忠実な表示とコンテナヘッダー検査を両立し、深層展開の可否を正直に開示します。
Unicode・スクリプト・10言語カバレッジとMissing Glyph検出
cmapテーブルを走査し、ラテン文字、キリル文字、ギリシャ文字、ひらがな、カタカナ、漢字(CJK)、アラビア文字、デーヴァナーガリー文字などの収録率を客観的に計測。
任意に入力した文章に対して、未収録文字(文字化け・豆腐文字)の有無、結合文字(Combining Marks)、絵文字・ZWJ、アラビア語等の複雑なシェーピング要件を即座に検出します。
OpenType レイアウト機能(GSUB / GPOS)と Variable Font 調整
リガチャ(合字)、ペアカーニング、分数表記、スモールキャピタル、オールドスタイル数字などのOpenType機能を検出し、ワンクリックでON/OFFを切り替えて描画変化を確認可能。
Variable Font(バリアブルフォント)の可変軸(wght, wdth, slnt, opsz等)をスライダーで直感的に操作し、本番用CSS font-variation-settingsコードを即座にコピーできます。
最大4フォントの客観的比較とWebfont QA・多形式エクスポート
最大4フォントを同一セッション内で管理し、同一テキスト・同一文字サイズで横並び比較。主観的なスコアやランキングは行わず、客観的な数値指標のみを提供します。
本番用 @font-face CSS、実測カバレッジに基づく unicode-range 候補、フォールバック検証、JSON、CSV、Markdown、単体HTML見本帳、ベクターSVG、およびPDF監査レポートを出力可能です。
よくある質問 (FAQ)
TTF(TrueType)とOTF(OpenType)の違いは何ですか?
TTFは主にQuadratic Bézier曲線(glyfテーブル)を用いた字形輪郭を格納し、OTFはCFF(Compact Font Format)によるCubic Bézier曲線またはTrueType輪郭に加え、高度なタイポグラフィ機能(GSUB/GPOS)を標準でサポートする形式です。
WOFFおよびWOFF2とは何ですか?
WOFF(Web Open Font Format)はWeb配信用に圧縮(zlib)を施したコンテナ形式です。WOFF2はさらに高効率なBrotli圧縮アルゴリズムを採用し、ファイルサイズを大幅に削減した現代の標準Webフォント形式です。
Font Inspectorとはどのようなツールですか?
フォントファイルをブラウザ内で解析し、フォント名や著作権などのメタデータ、UPMやアセンダー等のメトリクス、収録文字一覧、Unicodeカバレッジ、OpenType機能、可変軸などを検査するスタジオです。
グリフ(Glyph)とは何ですか?
文字(Character)が抽象的な意味単位であるのに対し、グリフはフォント内で具体的に描画される字形そのものを指します。同じ文字でも通常の形、イタリック、異体字、リガチャなどで異なるグリフが割り当てられます。
Unicodeカバレッジとは何を表していますか?
フォント内部のcmapテーブルを解析し、フォントがどのUnicodeコードポイントに対応する字形を持っているかを網羅的に調査した指標です。
文字カバレッジと「言語完全対応」はどう違いますか?
文字が存在すること(Glyph Coverage)と、言語特有の複雑な文字結合や並び替え(Shaping)、約物ルールに正しく対応していることは別です。当ツールでは誤認を防ぐため「Tested character set coverage」として客観値を表示します。
アップロードしたフォントはブラウザで即座にプレビューできますか?
はい。W3C標準のFontFace APIを利用し、ローカルメモリ上で直接ブラウザに登録してリアルタイムに描画・検証できます。
日本語フォント(ひらがな・カタカナ・漢字)の対応状況は確認できますか?
はい。ひらがな・カタカナ・常用漢字およびJIS水準を含む代表文字セットに対する収録率を個別に計算し、未対応文字を一覧表示できます。
アラビア語やヒンディー語などの複雑なスクリプトに対応していますか?
文字コードの収録状況を検査できるほか、右横書き(RTL)プレビューやDevanagariの結合表示をブラウザネイティブのシェーピングエンジンで確認できます。
Variable Font(バリアブルフォント)とは何ですか?
1つのフォントファイル内に太さ(wght)、幅(wdth)、傾き(slnt)などの可変軸データを持ち、CSSのfont-variation-settingsによってシームレスにスタイルを調整できる次世代フォント形式です。
OpenType機能(GSUB / GPOS)とは何ですか?
リガチャ(合字)、ペアカーニング、分数表記、スモールキャピタル、オールドスタイル数字など、タイポグラフィ表現を高めるための字形置換・位置調整テーブルです。
カーニング(Kerning)とは何ですか?
「AV」や「To」のように特定の文字同士が並んだ際、美しく自然に見えるよう文字間の空きを個別に詰める微調整機能です。
リガチャ(Ligature / 合字)とは何ですか?
「fi」や「fl」のように、連続する文字の突起が衝突するのを防ぎ、1つの調和のとれた字形に自動結合するタイポグラフィ機能です。
@font-face とは何ですか?
CSSにおいてWebフォントを定義するためのルールです。フォント名、ファイルURL、フォーマット、ウェイト範囲、表示モード(font-display)などを指定します。
font-displayの各値(swap, block等)の違いは何ですか?
フォント読み込み中の代替文字表示挙動を制御します。swapは読み込み完了まで代替フォントを表示して直ちに切り替え、blockは一定時間非表示にしてちらつきを防ぎます。
unicode-rangeとは何ですか?
その@font-faceルールをどのUnicode範囲の文字にのみ適用するかを制限するCSSプロパティです。必要な文字だけを効率よく読み込むサブセット配信に利用されます。
フォントフォールバック(Font Fallback)とは何ですか?
第1候補のフォントにない文字(Missing Glyph)が出現した際、ブラウザが次に指定されたフォントやシステム既定フォントから字形を補完する仕組みです。
フォントのライセンスメタデータから商用利用可否を判定できますか?
メタデータ内のライセンス文やURL、埋め込み権限(fsType)を表示しますが、法的判断は行いません。実際の商用利用可否はフォント購入元や著作者の規約をご確認ください。
フォントファイルが外部サーバーに送信されることはありますか?
一切ありません。フォントの解析、輪郭描画、プレビュー、PDF生成まですべてユーザーのブラウザ内(クライアントサイド)で完結します。
複数のフォントを同時に比較できますか?
はい。最大4フォントをセッションプールに登録し、同一テキスト・同一文字サイズで横並び比較したり、客観的な仕様比較表をPDFやCSVとして出力できます。