Que devez-vous savoir sur les polices de page Web à utiliser? Commençons par ceci. 90% de la conception Web est réduite à:
- Les images que vous utilisez
- Les polices que vous sélectionnez
Services d’intégration de polices (tels que Google Web Fonts ou Polices Adobe ) a émergé comme une alternative, donnant aux designs quelque chose de nouveau, de frais et d’inattendu.
Ils sont également très faciles à utiliser.
Google par exemple:
Choisissez n’importe quelle police comme Ouvrir sans ou Droid Serif ou Lato. Générez le code et collez-le dans le
de votre document. Et vous êtes prêt à faire référence en CSS!Cela nous a pris 60 secondes. Et cela a été totalement gratuit. (Merci, Google!)
Qu’est-ce qui pourrait mal tourner, non? Tout le monde n’aura pas accès à cette même source. Ce qui signifie que vous aurez un problème. Cette belle police que vous venez de choisir apparaîtra au hasard à vos visiteurs. Pas si vous créez une alternative sûre pour votre site Web!
Est-ce ainsi que cela fonctionne.
Qu’est-ce que « Safe Web »?
Chaque appareil est livré avec sa propre sélection de polices préinstallées. La sélection est largement basée sur votre système d’exploitation.
Le problème est que chaque système diffère un peu.
Les appareils Windows peuvent avoir un groupe. Les MacOS sont tirés les uns des autres. Le système Android de Google utilise également le vôtre.
Ouvrez maintenant un site Web. Même celui-ci fonctionnerait. La police que vous voyez n’est peut-être pas l’original.
Qu’est ce que ça signifie? Disons que le concepteur a choisi une famille de polices pour la conception de ce site. Si cette police n’est pas déjà installée et qu’elle n’est pas extraite d’un emplacement Web, la police que vois-tus reviendrait à une variante de base comme Times New Roman.
Cependant, en tant que visiteur, vous ne sauriez pas nécessairement que c’est ce qui s’est passé. Pour vous, cela peut sembler tout simplement laid.
Le «Web sécurisé» apparaît dans tous les systèmes d’exploitation. Il s’agit de la petite collection de polices qui se chevauchent de Windows à Mac en passant par Google (même ceux Unix ou Linux aussi).
Ils permettent aux concepteurs (et aux propriétaires de sites Web) de spécifier quelles sources faire appel si c’est nécessaire. De cette façon, ils peuvent contrôler ce qui apparaît (quoi qu’il arrive) sur tous les appareils. Et ils peuvent choisir quelque chose qui est encore un peu proche de la source d’origine (pour que vos utilisateurs ne voient pas quelque chose d’aléatoire ou de déplacé).
C’est un plan B, la version «juste au cas où». Un système d’urgence pour sauver le monde des mauvaises sélections de polices.
Maintenant que vous savez ce qu’est « Safe Web », jetons un coup d’œil aux polices « Safe Web » les plus populaires parmi lesquelles choisir.
15 meilleurs polices pour les pages Web
Il peut y en avoir d’autres.
Mais ce sont les 15 meilleures sources de choix de pages Web sûres. Si vous sélectionnez l’un de ces éléments, rien ne peut se passer.
1. Arial
Arial est comme la norme de facto pour la majorité.
C’est l’une des polices sans empattement les plus utilisées (ce qui signifie qu’il n’y a pas de petites boucles à la fin de chaque lettre). Il est souvent remplacé sur les appareils Windows par d’autres options de polices sympas (lire: plus belles).
2. Roboto
Roboto est une police sans empattement développée par Google pour être sa police système pour Android.
3. Times New Roman
Times New Roman est serif ce qu’Arial est sans empattement.
C’est l’un des plus populaires sur les appareils Windows et une nouvelle variation de l’ancienne police Times.
4 fois
La police Times semble probablement familière. C’est le vieux journal imprimé que vous avez l’habitude de voir en petit format dans des colonnes étroites. C’est très traditionnel.
5. Courier Nouveau
Courier New, similaire à Times New Roman, est une variante d’un autre vieux classique. Il est également considéré comme une source monospace (par opposition à serif vs sans serif que nous venons de voir).
6. Courrier
Courier est l’ancien mode de veille monospace disponible sur presque tous les appareils et systèmes d’exploitation.
7. Verdana
Verdana est une véritable source Web car (1) a des lignes simples sans empattement et (deux) a une taille super grande. Les lettres sont presque allongées, ce qui les rend faciles à lire en ligne.
8. Géorgie
La Géorgie est similaire à Verdana en taille et en hauteur (avec des lettres plus grandes que la normale par rapport aux polices de même taille). Donc, même si c’est idéal dans certaines circonstances, assurez-vous d’éviter d’associer cette police serif avec d’autres (comme Times New Roman) qui peuvent apparaître en minuscules en comparaison.
9. Palatin
Palatino remonte à la Renaissance. Ce n’est pas une blague! C’est une autre excellente police qui la rend parfaite pour le Web, traditionnellement utilisée pour les titres et les publicités imprimées.
10. Garamond
Garamond est une autre police old school qui remonte aux styles utilisés dans le Paris du XVIe siècle. Cette nouvelle version améliorée a été introduite et livrée sur la plupart des appareils Windows (et a été adoptée par d’autres depuis).
11. Bookman
Bookman (ou Bookman Old Style) est une autre option de titre parfaite qui maintient la lisibilité (ou la lisibilité) même lorsqu’elle est utilisée à une petite taille.
12. Comic Sans MS
Comic Sans MS est une alternative ludique et fantaisiste aux autres options sans empattement.
Ne l’utilisez pas comme police de page Web!
13. Candara
Candara est une police de caractères sans empattement commandée par Microsoft. Il fait partie de la collection de polices ClearType qui a été publiée avec Windows Vista.
14. Arial Black
Arial Black est la version la plus grande, la plus audacieuse et la plus méchante de votre Arial de base. Fait intéressant, il partage également des proportions avec Helvetica. Pourquoi est-ce important? Pour qu’ils puissent l’utiliser à l’origine pour remplacer Helvetica et imprimer des choses sans payer la licence.
15. Impact
Impact est une autre option de titre audacieuse qui a fière allure en un mot, et absolument terrible dans une phrase ou un paragraphe.
conclusion
Les polices de site Web sûres vous donnent un plan B.Une option alternative lorsque votre première option peut ne pas fonctionner.
Ils sont largement accessibles et sont disponibles sur la plupart des appareils depuis des décennies (dans certains cas).
Bien que non Tout le monde sont recommandables (Comic Sans MS), il y en a suffisamment de choix qui devraient être étroitement liés à votre option d’origine.
Si vous pensez ne pas en trouver un bon, vous ne pouvez pas vous tromper avec Arial!
