Maison > interface Web > tutoriel CSS > Comment puis-je obtenir la police appliquée en CSS lorsqu'elle n'est pas explicitement définie ?

Comment puis-je obtenir la police appliquée en CSS lorsqu'elle n'est pas explicitement définie ?

Barbara Streisand
Libérer: 2024-12-01 21:43:10
original
668 Les gens l'ont consulté

How Can I Get the Applied Font in CSS When It's Not Explicitly Defined?

Obtention de la police appliquée lorsqu'elle n'est pas définie en CSS

Dans le développement Web, il peut être nécessaire d'accéder à la police réelle utilisée pour restituer un élément lorsque CSS ne le spécifie pas explicitement. Cela peut se produire dans les cas où le texte est hérité des styles par défaut ou masqué dans les paramètres par défaut du système ou du navigateur.

Pour récupérer ces informations, vous pouvez utiliser la fonction getComputedStyle :

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}
Copier après la connexion

Cette fonction prend deux paramètres : un élément et une propriété CSS. Par exemple, pour déterminer la taille de la police d'un objet, vous utiliserez :

css(object, 'font-size') // returns '16px' for instance
Copier après la connexion

Il est important de noter que cette méthode n'est pas prise en charge par IE8.

Démonstration en direct :

[JS Fiddle Démo](http://jsfiddle.net/4mxzE/)

Cette démo présente l'utilisation de la fonction CSS dans une application pratique. Il restitue un élément div avec une police personnalisée et utilise la fonction pour enregistrer la police appliquée dans la console du navigateur.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal