Maison > Article > interface Web > Que signifie la famille de polices en CSS

Que signifie la famille de polices en CSS

青灯夜游original: 2020-12-16 17:17:3633202parcourir

En CSS, font-family signifie "type de police, définition de la famille de polices". C'est un attribut utilisé pour spécifier la famille de polices d'un élément. Il peut spécifier la police d'un élément, cet attribut peut en combiner plusieurs. polices. Le nom est enregistré comme système de « secours », et si le navigateur ne prend pas en charge la première police, la suivante sera essayée.

(Tutoriel recommandé : Tutoriel vidéo CSS)

propriété de famille de polices CSS

Que signifie la famille de polices en CSS

font - L'attribut family spécifie la police d'un élément.

font-family peut enregistrer plusieurs noms de polices comme système de « secours ». Si le navigateur ne prend pas en charge la première police, il essaiera la suivante. Autrement dit, la valeur de l'attribut font-family est une liste de priorité des noms de famille de polices ou/et des noms de famille de classe à utiliser pour un élément. Le navigateur utilisera la première valeur qu'il reconnaît.

Il existe deux types de noms de famille de polices :

Nom de famille spécifié : le nom d'une police spécifique, telle que : "times", "courier", " aérien" .
Noms de famille de polices habituels : par exemple : "serif", "sans-serif", "cursive", "fantasy", "monospace"

Conseil : Séparez chaque valeur par une virgule et indiquez toujours un nom de famille en dernier recours.

Format de syntaxe :

Syntaxe css :

font-family:字体1,字体2,...;

Syntaxe JavaScript :

object.style.fontFamily="arial,sans-serif"

Utiliser une famille de polices spécifique (Genève) dépend entièrement sur la disponibilité de la famille de polices sur la machine de l'utilisateur ; cet attribut n'indique aucun téléchargement de police. Par conséquent, il est fortement recommandé d’utiliser un nom de famille de polices commun comme solution de secours.

Instance :

<!DOCTYPE html><html><head><meta charset="utf-8" />
<title>css font-family属性设置元素的字体</title>
<style type="text/css">
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style></head><body><h1>font-family</h1>
<p class="serif">这里是“Times New Roman”字体</p>
<p class="sansserif">这里是 “Arial”字体</p>
</body>
</html>

Résultat de l'exécution :

Que signifie la famille de polices en CSS

Pour plus de connaissances sur la programmation, veuillez visiter : Enseignement de la programmation ! !

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!

JavaScript css

Déclaration：

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

Article précédent：Qu’est-ce que le scss ?Article suivant：Qu’est-ce que le scss ?

Articles Liés

Voir plus