JavaScript에서 실제 계산된 글꼴 계열 이름을 확인하는 방법은 무엇입니까?

JavaScript에서 계산된 글꼴 계열 이름 확인

이전 스레드에서 계산된 글꼴 크기를 정확하게 검색하는 문제가 성공적으로 해결되었습니다. 그러나 특히 일반 계산 스타일 기능이 완전한 글꼴 문자열만 제공한다는 점을 감안하면 실제 글꼴 이름을 얻는 데 어려움이 있습니다.

글꼴 모음 드롭다운 메뉴와의 호환성을 보장하려면 요소의 정확한 글꼴 이름이 필요합니다. . 특히 널리 사용되는 웹 글꼴의 경우 이를 달성할 수 있는 신뢰할 수 있는 방법이 있습니까?

해결책

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/getCompulatedStyle

위 내용은 JavaScript에서 실제 계산된 글꼴 계열 이름을 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!