CSS offre diverses propriétés à Personnaliser la police style d'un élément de texte. De l'évolution de la taille et de la couleur de la police à l'ensemble famille de polices, Chaque propriété a sa propre signification. Les formats de texte affectent également fortement la lisibilité du site Web; Par conséquent, la sélection de la bonne police est cruciale pour rendre votre site Web accessible.

Cet article discutera Propriété de la police de la FONT CSS avec l'aide d'exemples appropriés. Alors, commençons!

Propriété de la police de la FONT CSS

Le «Propriété de police-famille» répertorie les polices de caractères dans Ordre de priorité. La sélection des polices ne se termine pas avec la première police de la liste des polices du système de l'utilisateur. Au lieu de cela, les polices sont choisies un personnage à la fois, de sorte que si une police disponible n'a pas de glyphe pour une lettre requise, les polices suivantes sont tentées.

La sélection de la famille des polices est affectée par les caractéristiques telles que la disponibilité d'une police dans quelques styles, versions ou tailles.

Types de noms de police CSS

La propriété de police-famille contient une liste de familles de polices séparées par des virgules. Les noms de police CSS sont divisés en deux types de noms:

• nom de famille de police: Un nom de police est le nom de la police. Les familles de polices comprennent des noms tels que «Helvetica" et "Fois". Le nom de la police peut contenir des espaces blancs, il doit donc être donné en citations comme: «Bande dessinée sans ms".
• nom familial générique: Quand aucune des polices spécifiées n'est accessible, les familles de polices génériques servent de option de secours. Vous n'avez pas à spécifier le nom de famille générique en citations car elles sont mots clés, Et leur liste de noms de famille de polices devrait se terminer par une famille de polices génériques.

Voyons maintenant un exemple d'utilisation à la fois de nom de famille et de nom familial générique comme noms de police.

Exemple: propriété CSS Font-Family

Dans l'exemple divisé ci-dessous, nous définirons la valeur de la première propriété Font-Family en spécifiant «Time New Roman«Comme nom de famille de police, et«Fois", et "serif"En tant que nom de famille générique. Alors que, dans la deuxième famille de police, «Arial», «Helvetica» et «Sans-Serif» sont ajoutés comme noms de famille génériques:

La propriété de la police

C'est une police "Times New Roman".

C'est une police "Arial".

Après avoir enregistré le code ajouté, lorsque vous ouvrirez votre HTML dans le navigateur, il affichera le style de police des éléments de texte en fonction des valeurs spécifiées du nom de famille de police et du nom de famille générique:

Nous allons maintenant démontrer l'utilisation de différents mots clés impliqués dans la catégorie générique de la famille.

Catégorie CSS Serif générique-famille

Les glyphes qui ont terminé les traits ou les fins sérivées réelles sont appelées «serif". Cette catégorie de famille générique comprend Times New Roman, Géorgie, Garamond et bien d'autres familles de polices.

Exemple: catégorie CSS Serif générique-famille

La propriété de la police

Il s'agit d'une police "Times New Roman" qui appartient à la famille de la police Serif.

Sortir

Catégorie CSS SANS-Serif générique-famille

Contrairement à Serif, les glyphes Sans-Serif a des terminaisons de course ordinaire. Par exemple, Lucida Sans, Open Sans, Arial, Lucida Sans Unicode, Helvetica, Trebuchet MS, Fira Sans sont inclus dans la catégorie Sans-Serif générique-famille.

Exemple: CSS SANS-Serif Generic-Family Catégorie

La propriété de la police

Il s'agit d'une police "Arial" qui appartient à la famille Sans-Serif.

Sortir

Catégorie CSS monospace générique-famille

Tous ces glyphes avec un uniforme et largeur fixe Tout au long sont appelés monospace-Par exemple, «Console Lucida», «Courier New», «Mono».

Exemple: CSS monospace générique-famille

La propriété de la police

Il s'agit d'une police "Lucida" qui appartient à la famille des polices monospatiales

Sortir

Catégorie CSS cursive générique-famille

Contrairement aux polices italiques, cursive Les glyphes présentent généralement Connectez des traits ou autre traits cursives. La police ressemble à une écriture de pinceau ou à un stylo manuscrit plutôt qu'à un lettrage imprimé. Les glyphes sont joints en partie ou entièrement des noms de police comme «Bande dessinée sans ms", et plein d'autres.

Exemple: CSS CATURICE CURSIVE GÉNÉRIQUE-FAMILIE

La propriété de la police

C'est une police "Comic Sans MS" qui appartient à la famille des polices cursives

Sortir

Nous avons compilé les informations essentielles liées à la propriété de la police de CSS. Vous pouvez l'explorer davantage en fonction de vos préférences.

Conclusion

Le Propriété de la police de la FONT CSS est utilisé pour spécifier le nom de famille de la police ou du texte. Les noms de police CSS sont divisés en deux types: «nom de famille de police" et "nom familial générique», Où le nom de la police est le nom de la police de caractères, et les familles de polices génériques servent d'option de secours. Le Propriété de la police de la FONT CSS peut prendre une liste de familles de polices séparées par des virgules. Cet article discuté Propriété de la police de la FONT CSS avec l'aide d'exemples appropriés.