Comment déterminer le nom réel de la famille de polices calculé en JavaScript ?

Détermination du nom de famille de polices calculé en JavaScript

Dans un fil de discussion précédent, le problème de la récupération précise de la taille de police calculée a été résolu avec succès. Cependant, des difficultés persistent pour acquérir le nom de police réel, d'autant plus que la fonction de style calculé générique fournit simplement la chaîne de police complète.

Pour garantir la compatibilité avec les menus déroulants des familles de polices, nous avons besoin du nom de police précis de l'élément. . Existe-t-il une méthode fiable pour y parvenir, en particulier pour les polices Web largement utilisées ?

Solution

Pour obtenir la famille de polices calculée à l'aide de JavaScript à partir du DOM, suivez ces étapes :

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

Référence : https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!