Web Safe Fonts Reference
Parcourir toutes les polices web sûres avec aperçus en direct filtrés par catégories serif, sans-serif et monospace.
Arial, Helvetica, sans-serifThe quick brown fox jumps over the lazy dog
'Arial Black', Gadget, sans-serifThe quick brown fox jumps over the lazy dog
Verdana, Geneva, sans-serifThe quick brown fox jumps over the lazy dog
Tahoma, Geneva, sans-serifThe quick brown fox jumps over the lazy dog
'Trebuchet MS', Helvetica, sans-serifThe quick brown fox jumps over the lazy dog
Impact, Charcoal, sans-serifThe quick brown fox jumps over the lazy dog
Helvetica, Arial, sans-serifThe quick brown fox jumps over the lazy dog
'Times New Roman', Times, serifThe quick brown fox jumps over the lazy dog
Georgia, serifThe quick brown fox jumps over the lazy dog
Garamond, serifThe quick brown fox jumps over the lazy dog
'Palatino Linotype', 'Book Antiqua', Palatino, serifThe quick brown fox jumps over the lazy dog
'Book Antiqua', Palatino, serifThe quick brown fox jumps over the lazy dog
'Courier New', Courier, monospaceThe quick brown fox jumps over the lazy dog
'Lucida Console', Monaco, monospaceThe quick brown fox jumps over the lazy dog
Monaco, 'Courier New', monospaceThe quick brown fox jumps over the lazy dog
| Nom de la police |
|---|
| Arial |
| Arial Black |
| Verdana |
| Tahoma |
| Trebuchet MS |
| Impact |
| Helvetica |
| Times New Roman |
| Georgia |
| Garamond |
| Palatino Linotype |
| Book Antiqua |
| Courier New |
| Lucida Console |
| Monaco |
À propos de cet outil
Les polices sans risque pour le web sont des typographies garanties d'afficher correctement sur tous les appareils et navigateurs sans nécessiter de téléchargements supplémentaires, formant la base de la typographie web fiable. Contrairement aux polices personnalisées, qui peuvent augmenter le temps de chargement des pages et nécessiter des stratégies de secours, les polices sans risque pour le web sont déjà installées sur pratiquement tous les ordinateurs et systèmes d'exploitation. Cet outil fournit une référence complète de toutes les polices sans risque pour le web organisées par catégorie—avec serif, sans serif et monospace—pour que vous puissiez rapidement trouver la typographie parfaite pour votre design sans deviner comment elle s'affichera.
Utiliser cette référence est simple : parcourez la liste complète des polices sans risque pour le web avec des aperçus en direct montrant exactement comment chaque typographie apparaît, ou filtrez par catégorie pour vous concentrer sur les polices avec serif pour les designs traditionnels, sans serif pour les mises en page modernes et épurées, ou monospace pour le code et le contenu technique. Chaque aperçu affiche la police dans différentes tailles et poids pour que vous puissiez évaluer la lisibilité et l'impact visuel avant de vous engager dans votre design. Lorsque vous trouvez une police qui vous plaît, vous pouvez copier sa déclaration CSS font-family directement dans votre feuille de styles.
Cet outil est essentiel pour les développeurs et designers qui souhaitent créer des sites web rapides et fiables sans la complexité des services de polices web. En choisissant parmi les polices sans risque pour le web, vous assurez une typographie cohérente sur tous les appareils, réduisez les requêtes HTTP et améliorez les performances des pages—tout en maintenant les normes de conception professionnelle.
Questions Fréquentes
Implémentation du Code
# Generate CSS font stacks for web-safe fonts
WEB_SAFE_FONTS = {
"serif": [
("Georgia", "Georgia, 'Times New Roman', Times, serif"),
("Times New Roman", "'Times New Roman', Times, serif"),
("Palatino", "'Palatino Linotype', 'Book Antiqua', Palatino, serif"),
("Garamond", "Garamond, serif"),
],
"sans-serif": [
("Arial", "Arial, Helvetica, sans-serif"),
("Helvetica", "Helvetica, Arial, sans-serif"),
("Verdana", "Verdana, Geneva, sans-serif"),
("Tahoma", "Tahoma, Geneva, sans-serif"),
("Trebuchet MS", "'Trebuchet MS', Helvetica, sans-serif"),
],
"monospace": [
("Courier New", "'Courier New', Courier, monospace"),
("Lucida Console", "'Lucida Console', Monaco, monospace"),
("Consolas", "Consolas, 'Courier New', monospace"),
],
}
for category, fonts in WEB_SAFE_FONTS.items():
print(f"\n{category.upper()}")
for name, stack in fonts:
print(f" {name}: font-family: {stack}")Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.