JavaScript で実際のフォント ファミリ名を取得するにはどうすればよいですか?

JavaScript で True Font Family 値を取得する

前の質問では、JavaScript を通じてフォント サイズを取得する方法について説明しました。ここで、DOM 要素の計算されたスタイルから実際のフォント ファミリ名を決定する方法を検討します。

デフォルトでは、計算されたスタイル関数は、完全なフォント ファミリ スタックを含むフォント定義全体のみを返します。ただし、ドロップダウン メニューでフォントを選択するには、使用中のフォントの正確な名前が必要です。

解決策

本当のフォント ファミリ名を抽出するには、次のコードを使用します:

let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family');

これにより、「Times New Roman」のような文字列が返され、フォント ファミリ ドロップダウンのオプションと照合できます。

ブラウザのサポート

上記のコードはすべての主要なブラウザでサポートされており、計算されたフォント ファミリ値を取得する一貫した方法を提供します。

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