CSS フォントのプロパティが定義されていない場合、JavaScript で実際にレンダリングされたフォントを取得するにはどうすればよいですか?

CSS で定義されていない場合の実際のレンダリングされたフォントへのアクセス

要素のフォント プロパティにアクセスする場合、JavaScript object.style.fontFamily およびオブジェクト対応する CSS プロパティが明示的に設定されていない場合、.style.fontSize は空の値を返すことがあります。ただし、これは要素がフォントなしでレンダリングされることを意味するものではありません。通常、ブラウザは、実際にレンダリングされるフォントを定義するデフォルトまたは継承されたスタイルを適用します。

レンダリングされたフォント情報を取得するには、getComputedStyle メソッドを使用できます。

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

例:

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

このメソッドは、プロパティで明示的に設定されていない場合でも、指定されたプロパティの計算値を返します。 CSS.

注: getComputedStyle は IE8 ではサポートされていません。

ライブデモ:

[https://jsfiddle.net/4mxzE/](https://jsfiddle.net/4mxzE/)

以上がCSS フォントのプロパティが定義されていない場合、JavaScript で実際にレンダリングされたフォントを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。