ユーザーのブラウザで実際にレンダリングされたフォントを検出するにはどうすればよいですか?

Web ページで使用されているフォントの検出

レンダリングされたフォントの識別

Web ページのフォント ファミリを決定する CSS ルールがあるとします。ユーザーのブラウザで実際にどのフォントが使用されているかを確認するにはどうすればよいでしょうか?この質問は、特定のグリフが特定のフォントに存在しない場合に関連し、正しいグリフをレンダリングするためのダウンロード リンクの表示を要求します。

レンダリングされた文字列の測定

1 つのアプローチには、特定のグリフを要素に設定することが含まれます。フォントと割り当てられた文字列。フォントがユーザーのシステムに存在しない場合、要素はその親のフォントを採用します。レンダリングされた文字列の幅を測定することで、予期したフォントが使用されているか、その派生フォントが使用されているかを判断できます。ただし、この方法は等幅フォントには機能しません。

導出

このアプローチは、2007 年 3 月に公開された ajaxian.com の Javascript/CSS Font Detector 記事によって普及しました。

以上がユーザーのブラウザで実際にレンダリングされたフォントを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。