javascript - jsでfont-familyを確認する方法は?

Question

可能性のあるチェック ユーザーはフォント ファミリをインストールしています。インストールされていない場合は、js 関数アプリケーションを実行し、angular js を使用します。私は typekit フォントを使用します。このフォントを使用せずに、このサービスのみのユーザーにフォントをロードしました

Answer 1

http://www.lalit.org/lab/javascript-css-font-detect/で説明されている js ファイルを使用できます。

1. フォントが異なれ
  ば、文字幅も異なります。
  2. ブラウザにインストールされていないフォントを使用しようとすると、代わりにデフォルトのフォントが使用されます。

したがって、フォント F がインストールされているかどうかをテストする場合、基本的な考え方は、フォント F を使用してテキストを含む要素を作成することです。次に、デフォルトのブラウザー フォントを使用して同じ要素とテキストを作成します。次に、offsetWidth プロパティを使用して 2 つの要素の幅を比較します。それらが同じである場合、F がブラウザーでサポートされていない可能性が非常に高くなります。それらが異なる場合、ブラウザで F がサポートされている必要があります。