Maison > Article > interface Web > Comment utiliser la propriété CSS font-family

Comment utiliser la propriété CSS font-family

藏色散人original: 2019-05-27 17:56:174221parcourir

L'attribut CSS font-family est utilisé pour spécifier la police d'un élément. Font-family peut enregistrer plusieurs noms de police en tant que système de « secours ». Si le navigateur ne prend pas en charge la première police, il essaiera la suivante.

Comment utiliser l'attribut CSS font-family ?

Définition de l'attribut et instructions d'utilisation

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.

Il existe deux types de noms de famille de polices :

family-name - nom de famille spécifié :

Le nom d'une police spécifique, telle que : " horaires", "courrier", "arial".

generic-family - Noms de familles de polices courantes :

Par exemple : "serif", "sans-serif", "cursive", "fantasy", "monospace.

L'utilisation d'une famille de polices spécifique (Genève) dépend entièrement de la disponibilité de cette famille de polices sur la machine de l'utilisateur ; cet attribut n'indique aucun téléchargement de police, il est donc fortement recommandé d'utiliser un nom de famille de polices générique comme solution de secours Remarque :

Séparez chaque valeur par une virgule

Remarque :

Si le nom de la police contient des espaces, il doit être mis entre guillemets lors de l'utilisation de l'attribut "style" en HTML. , des guillemets simples doivent être utilisés

Valeur par défaut : non spécifiée

Héritage : oui

Version : CSS1

Syntaxe JavaScript :

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

Valeur d'attribut

family-name, une liste de priorités pour le nom de famille de police ou/et le nom de famille de classe d'un élément >generic-family, par défaut : dépendant du navigateur

inherit spécifie que la famille de polices doit être héritée de l'élément parent

spécifie le paragraphe Police :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>

Effet :

<.>

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!

css html 继承 Generic

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：Comment utiliser l'attribut CSS floatArticle suivant：Comment utiliser l'attribut CSS float

Articles Liés

Voir plus