ProFontFinderの仕組み

ProFontFinderはサーバーへの画像アップロードを行わないアーキテクチャを採用しています。画像デコード、輪郭抽出、特徴照合のすべての段階が、HTML5 CanvasとWebAssemblyを使用してブラウザ内でローカルに実行されます。

画像やスクリーンショットがドロップされたとき：

• ブラウザのRAM内にある非表示のHTML5 Canvasコンテキストにデコードされます。
• ネットワーク通信は一切発生せず、画像データがデバイス外に出ることはありません。
• 大津の適応的二値化処理により、背景やノイズから文字形状を分離します。
• コントラストと解像度を正規化し、線の太さを標準化します。

二値化された画像マスクが確立されると：

• 連結成分ラベリングにより、個々の文字の境界ボックスを分離します。
• 輪郭追跡アルゴリズムにより、外側の輪郭頂点と内側の穴（カウンター）を計算します。
• 幾何学比率の計測により、xハイト、キャップハイト、アセンダー、ディセンダーを抽出します。
• 終端角度と開口部の開き度合いをセリフ、サンセリフ、ディスプレイなどの書体クラスに分類します。

抽出されたベクター特徴量は、事前構築されたカタログと照合されます：

• ベクター特徴量はコンパクトに正規化された指紋データに変換されます。
• ユークリッド距離尺度により、光学輪郭を検証済みGoogleフォントと比較します。
• カテゴリフィルター（サン、セリフ、モノ、ディスプレイ、スクリプト）により検索範囲を絞り込みます。
• 幾何学的類似度と構造的配置を反映した信頼度スコア（0〜100%）を算出します。

最適な候補は、コピー可能な開発者向けコードとして生成されます：

• 公式Google Fonts CDNの@importおよび<link>タグ。
• 安全なシステムフォールバックを含む正確なCSS font-family宣言。
• 利用可能なウェイトと可変フォント軸の指定。
• ライセンス確認のためのGoogle Fonts公式見本ページへの直接リンク。