JavaScript で実際に計算されたフォントファミリー名を決定するにはどうすればよいですか?

JavaScript での計算されたフォントファミリー名の決定

前のスレッドで、計算されたフォント サイズを正確に取得する問題は正常に解決されました。ただし、実際のフォント名の取得には依然として課題があり、特に汎用の計算スタイル関数が完全なフォント文字列を提供するだけであることを考えると、

フォント ファミリのドロップダウン メニューとの互換性を確保するには、要素の正確なフォント名が必要です。 。特に広く使用されている Web フォントの場合、これを実現する信頼できる方法はありますか?

解決策

DOM から JavaScript を使用して計算されたフォント ファミリを取得するには、次の手順に従います。

<code class="javascript">let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

参考: https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

以上がJavaScript で実際に計算されたフォントファミリー名を決定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。