明示的に定義されていない場合、CSS で適用されたフォントを取得するにはどうすればよいですか?

CSS で定義されていない場合に適用されるフォントを取得する

Web 開発では、要素のレンダリングに使用される実際のフォントにアクセスする必要がある場合があります。 CSS で明示的に指定されていない場合。これは、テキストがデフォルトのスタイルから継承されているか、システムまたはブラウザのデフォルト設定内に隠されている場合に発生する可能性があります。

この情報を取得するには、getComputedStyle 関数を利用できます。

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

この関数は、要素と CSS プロパティの 2 つのパラメータを取ります。たとえば、オブジェクトのフォント サイズを決定するには、次のコマンドを使用します。

css(object, 'font-size') // returns '16px' for instance

このメソッドは IE8 ではサポートされていないことに注意してください。

ライブ デモンストレーション:

[JS フィドル]デモ](http://jsfiddle.net/4mxzE/)

このデモでは、実際のアプリケーションでの css 関数の使用法を紹介します。カスタム フォントを使用して div 要素をレンダリングし、適用されたフォントをブラウザーのコンソールに記録する関数を利用します。

以上が明示的に定義されていない場合、CSS で適用されたフォントを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。