Que sont les reproches de la police CSS
Les familles de polices génériques fournissent un mécanisme de secours qui nous permet de spécifier une liste de polices à proprement alimenter afin que si la première police n'est disponible sur aucune plate-forme, le navigateur peut choisir la deuxième police, etc.
Cet article présente une compréhension détaillée des terminologies suivantes liées aux bases de police:
- Que sont les calculs de police dans CSS
- La syntaxe de base des bases de police
- Comment utiliser les bases de police dans CSS
Donc, sans aucun délai, procédons!
Fallbacks de police
Il y a toujours une chance qu'une police ne soit pas trouvée sur une plate-forme spécifique ou qu'elle ne soit pas installée correctement sur un appareil. Par conséquent, les bases de police sont utilisées comme polices de sauvegarde I.e. Nous devons spécifier une liste de polices de sauvegarde afin que si la première police n'est pas disponible, le navigateur doit essayer le suivant, et ainsi de suite. Les retombées de polices sont structurées avec cinq familles de polices génériques comme mentionné ci-dessous:
- Fonts Serif en CSS: Spécifiez quelques petits coups énervés
- Polières sans-serif dans CSS: spécifiez les lignes épurées, pas de bords
- Polices cursives dans CSS: spécifiez un style proche de l'écriture humaine
- Polices fantastiques dans CSS: spécifiez quelques styles de police de fantaisie
C'est une bonne pratique pour ajouter la famille des polices génériques à la fin de la liste.
Syntaxe
La syntaxe de base des bases de police est décrite dans l'extrait suivant:
Ici, dans la famille des polices, nous spécifions deux polices, la première sera la police du premier choix / site Web du navigateur tandis que la liste restante sera la liste des retombées de police.
Comment utiliser les bases de police dans CSS
Les polices ont un grand effet sur l'interface utilisateur de n'importe quelle page Web, donc le choix de la police de secours la plus appropriée est très important.e. choix «Console Lucida» comme une sauvegarde du "Times New Roman" La police ne serait pas un bon choix. Choisir un style de sauvegarde dans la même famille de polices serait considéré comme une bonne pratique je.e. "Fois" sera un meilleur secours pour le "Times New Roman".
Exemple
Prenons le code ci-dessous pour comprendre le concept de secours de police dans CSS:
Html
Polices Fallbacks dans CSS
Premier paragraphe
La deuxième paragraphe
CSS
corpsFont-Family: Cambria, Cochin, Géorgie, Times, «Times New Roman», Serif;
Ici, dans le code donné ci-dessus, le navigateur essaiera d'abord de spécifier le style de police «Cambria»
- S'il est disponible, tout le corps sera stylé selon le «Cambria».
- Si pour une raison quelconque, «Cambria» n'est pas disponible, le navigateur utilisera la deuxième option I.e. "Cochin"
- De même, le navigateur utilisera une autre option si les options préalables ne fonctionnent pas correctement:
La sortie ci-dessus vérifie que le navigateur utilise le style «Cambria».
Supposons que la première police ne fonctionne pas pour une raison quelconque, le navigateur utilisera l'option de secours comme indiqué dans l'écran suivant:
Le même code exécuté, mais cette fois pour certaines raisons pour lesquelles le style de police «Cambria» n'est pas disponible, donc le navigateur utilise l'option de secours I.e. "Cochin".
Conclusion
CSS Font Fallbacks fournit une sauvegarde pour les polices i.e. Si une police ne fonctionne pas correctement, le navigateur essaiera l'autre. Pour une bonne pratique de codage, écrivez une famille de polices génériques à la fin de la liste et choisissez le calcul de la police au sein de la même famille de polices. Cet article a démontré ce qu'est un secours de police, comment il est structuré et comment l'utiliser.