CSS Polices Web Sûres
Qu'est-ce que les Polices Web Sûres ?
Les polices web sûres sont des polices qui sont installées universellement sur tous les navigateurs et appareils.
Polices de Secours
Cependant, il n'existe pas de polices 100 % complètement web sûres. Il y a toujours une chance qu'une police ne soit pas trouvée ou ne soit pas installée correctement.
Par conséquent, il est très important d'utiliser toujours des polices de secours.
Cela signifie que vous devez ajouter une liste de "polices de secours" similaires dans la propriété font-family . Si la première police ne fonctionne pas, le navigateur essaiera la suivante, et ainsi de suite. Terminez toujours la liste par un nom de famille de police générique.
Exemple
Ici, nous listons trois polices : Tahoma, Verdana et sans-serif. Les deuxième et troisième polices sont des polices de secours, au cas où la première ne serait pas trouvée :
p {
font-family: Tahoma, Verdana, sans-serif;
} Polices Web Sûres pour HTML et CSS
La liste suivante présente les meilleures polices web sûres pour HTML et CSS :
- Arial (sans-serif)
- Verdana (sans-serif)
- Tahoma (sans-serif)
- Trebuchet MS (sans-serif)
- Times New Roman (serif)
- Georgia (serif)
- Garamond (serif)
- Courier New (monospace)
- Brush Script MT (cursive)
Remarque : Avant de publier votre site web, vérifiez toujours comment vos polices apparaissent sur différents navigateurs et appareils, et utilisez toujours des polices de secours !
Arial (sans-serif)
Arial est la police la plus largement utilisée pour les médias en ligne et imprimés. Arial est également la police par défaut dans Google Docs.
Arial est l'une des polices web les plus sûres, et elle est disponible sur tous les principaux systèmes d'exploitation.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Verdana (sans-serif)
Verdana est une police très populaire. Elle est facilement lisible même pour de petites tailles de police.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Tahoma (sans-serif)
La police Tahoma a moins d'espace entre les caractères.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Trebuchet MS (sans-serif)
Trebuchet MS a été conçu par Microsoft en 1996. Utilisez cette police avec précaution, car elle n'est pas supportée par tous les systèmes d'exploitation mobiles.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Times New Roman (serif)
Times New Roman est l'une des polices les plus reconnaissables au monde. Elle a un aspect professionnel et est utilisée dans de nombreux journaux et sites d'actualités. C'est également la police principale pour les appareils et applications Windows.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Georgia (serif)
Georgia est une police serif élégante. Elle est très lisible à différentes tailles de police, ce qui en fait un bon choix pour un design réactif mobile.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Garamond (serif)
Garamond est une police classique utilisée pour de nombreux livres imprimés. Elle a un aspect intemporel et une bonne lisibilité.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Courier New (monospace)
Courier New est la police serif monospace la plus largement utilisée. Elle est souvent utilisée pour les affichages de code, et de nombreux fournisseurs de messagerie l'utilisent comme police par défaut. Courier New est également la police standard pour les scénarios de films.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Brush Script MT (cursive)
La police Brush Script MT a été conçue pour imiter l'écriture manuscrite. Elle est élégante et sophistiquée, mais peut être difficile à lire. Utilisez-la avec précaution.
Exemple
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet.
0 1 2 3 4 5 6 7 8 9
Astuce : Consultez également toutes les Polices Google disponibles et comment les utiliser.