レンダリングされたフォント Chrome OffiDocsで

DESCRIPTION

■使用方法 フォント判定したい文字列を選択し、右クリックで「Rendered Font」をクリック。 ※選択文字列の最初の一文字が判定対象となります。 ■ブラウザのフォント適用ロジックについて フォントはfont-familyに指定また、フォントに該当する文字列が代替されていない場合は次の優先順位のフォントが適用され、いずれも適用できるがフォントがない場合はブラウザに設定されたというか同じ文章でも一文字単位で違うフォントが適用される可能性があるため、フォント判定は任意の一文字を対象にする必要があります。 ■のフォント判定プロセス（概要） <判定対象文字列の指定 > １．ブラウザ上で判定対象となる文字列を選択し、右クリックで「Rendered Font」をクリック。選択文字列の最初の一文字が判定対象となります。文字列を取得するDOM要素を取得し、window.

getComputedStyleで要素に指定されfont-familyを取得。まず２で取得したfont-familyをそのまま適用したときの要素の幅と高さを考察 ５．で適用したときの幅と高さを調べ、４の値と比較し、値が一致したフォントが実際に適用されているフォントであると判定します。

追加情報：

- ニューズネピア提供
- 平均評価 : 5 つ星 (とても気に入りました)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。

レンダリングされたフォント web extension OffiDocsと統合 Chromium オンライン