Que signifie la famille de polices en CSS-tutoriel CSS-php.cn

Que signifie la famille de polices en CSS

青灯夜游

Libérer： 2023-01-04 09:37:34

original

33430 Les gens l'ont consulté

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.

Que signifie la famille de polices en CSS

(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,...;

Copier après la connexion

Syntaxe JavaScript :

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

Copier après la connexion

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>

Copier après la connexion

Résultat de l'exécution :

Que signifie la famille de polices en CSS