Publicité
Au cours de la dernière décennie, j’ai a commencé un certain nombre de blogs personnels 10 premières étapes essentielles lors du démarrage d'un blog WordpressAyant créé pas mal de blogs, j'aimerais penser que j'ai un bon système en place pour ces premières étapes essentielles, et j'espère qu'il pourra vous être utile aussi. En suivant ... Lire la suite que je n'ai jamais vraiment suivi, mais certains de mes plus beaux souvenirs reposent sur la conception de thèmes et les ajustements de polices. Il y a quelque chose de satisfaisant lorsque vous trouvez la correspondance parfaite de polices pour votre site Web et que tout se met en place. Heureusement, avec Google Web Fonts, ce processus n'a jamais été aussi simple.
Alors, quelles polices Web Google devez-vous utiliser? Eh bien, vous pouvez utiliser n'importe laquelle des polices du répertoire Google Web Fonts, qui héberge actuellement plus de 600 polices différentes - et ce nombre continue d'augmenter. Mais certaines polices ont été prouvées, maintes et maintes fois, comme plus agréables à l'œil et plus faciles à lire que d'autres. Continuez à lire pour savoir quelles sont ces polices.
Remarque: L'appréciation des polices est toujours une question subjective, mais la popularité de ces polices suggère qu'elles ont une belle qualité à leur sujet. Les considérations de police pour cette liste ont été faites dans le contexte des corps de paragraphe, pas des titres, de l'art ou de la conception graphique.
Qu'est-ce que les polices Web Google?
Google Web Fonts est une collection centralisée de différentes polices que vous pouvez intégrer à vos sites Web. Pendant un certain temps, les polices du site Web étaient limitées à tout ce qui se trouvait sur l'ordinateur du spectateur. S'ils n'avaient pas la police spécifiée, ils ne verraient votre site Web que dans la police par défaut de leur navigateur. Avec Google Web Fonts, les internautes peuvent voir la police de votre site Web même s'ils ne l'ont pas, ce qui ouvre de nombreuses portes en termes de conception.
Si vous utilisez WordPress, certains thèmes (en particulier les plus récents) sont équipés de la prise en charge des polices Web Google dans les options de thème. Pour d'autres projets Web, James a rédigé une grande guide sur l'utilisation des polices Web Google Comment utiliser les polices Google dans votre prochain projet Web et pourquoi vous devriezLe choix de la police est une décision de conception intégrale sur n'importe quel site Web, mais la plupart du temps, nous nous contentons de la même vieille famille serif et sans-serif. Alors que le corps principal du texte devrait toujours être quelque chose ... Lire la suite pour votre site Web. Si vous avez une expérience en gestion Web, ce processus devrait être aussi simple qu'un gâteau pour vous.
Les polices Web Google peuvent également être utilisées de différentes manières, par exemple via le Extension Chrome de changement de police Changeur de polices avec les polices Web Google: modifiez facilement la police de n'importe quel site Web [Chrome] Lire la suite . Si un site Web particulier ne vous semble pas très bien - ou s'il offense même votre sens des normes graphiques -, vous pouvez utiliser Google Web Fonts pour modifier manuellement l'apparence d'un site Web de votre côté. À quel point cela est cool?
Polices Serif
Les polices Serif sont celles qui comportent de petites tiques, traits ou pieds à la fin des lettres et des symboles. Pensez aux types de polices que vous trouverez dans un livre imprimé, un journal, un mémoire de thèse, etc. Dans l'ensemble, elles sont plus formelles que les polices sans empattement (qui sont traitées dans la deuxième partie de cet article) et sont généralement considérées comme plus faciles à lire, bien que cela soit discutable.
Droid Serif: Vous ne pouvez pas parler de polices serif modernes sans plonger dans le territoire Droid. La famille de polices Droid a été conçue pour être utilisée sur de petits écrans mobiles, en particulier sur la plate-forme Android, mais la police a gagné en popularité et est maintenant utilisée partout.
PT Serif: Bien que cela existe depuis quelques années, la famille de polices PT est nouvelle pour moi - et je l'adore. Je l'utilise maintenant pour presque tous mes éditeurs de texte, que ce soit Microsoft Word, Scrivener ou l'édition de blog. Il est élégant et moderne avec sa propre version savoureuse des empattements.
Lora: Lora est peut-être ma deuxième police serif préférée, après PT Serif. Il a juste le bon équilibre entre droit et rond, prêt à une lecture facile et une esthétique agréable. Ceci est la police que j'utilise lorsque lire des livres électroniques sur mon ordinateur EPubReader: Lisez gratuitement des livres .EPUB directement dans votre navigateur [Firefox]La popularité des livres électroniques a grimpé en flèche au cours des dernières années et il ne semble pas que cela va bientôt ralentir. D'abord le Kindle, puis le Nook, puis les applications pour smartphones comme Aldiko et Mantano - il y a ... Lire la suite .
Judson: Judson fait une bonne pause lorsque vous avez besoin d'une belle police serif mais que vous ne voulez pas vous rabattre sur certaines des plus populaires, comme celles répertoriées ci-dessus. L'une des raisons pour lesquelles il n'est pas utilisé aussi souvent est qu'il manque un style à la fois en gras et en italique.
Merriweather: J'ai récemment vu Merriweather utilisée sur un blog d'écrivain prolifique et je suis tombée amoureuse. Avec le crénage et l'espacement appropriés, Merriweather devient super facile pour les yeux et facilite la lecture rapide, ce qui est idéal pour les blogs et le contenu Web.
Vollkorn: C'est la police qui m'a attiré vers Google Web Fonts en premier lieu. C'est agréable à regarder dans la plage de taille de police plus petite, mais les défauts deviennent plus apparents dans les tailles plus grandes. Néanmoins, c'est génial et mérite un essai.
Polices sans empattement
Si les polices avec empattement sont celles avec des tiques et des pieds sur les lettres et les symboles, alors les polices sans empattement sont celles sans ces tiques et ces pieds. Certaines personnes décrivent les polices sans empattement comme «plus propres» et «modernes» et elles sont souvent considérées comme moins formelles que les polices empattements, bien que cela devienne moins vrai chaque année. Le nom vient du mot français pour «sans» - sans - donc chaque fois que vous voyez une police étiquetée "Sans", vous savez que c'est la version propre de cette police.
Droid Sans: Droid Sans appartient à la même famille de polices que Droid Serif, mais Droid Sans est beaucoup plus populaire pour une raison simple: les applications mobiles sont plus susceptibles d'utiliser des polices sans-serif que des polices serif. Cependant, sa popularité a débordé sur le Web, et vous avez probablement vu cette police plus que vous ne le pensez.
PT Sans: PT Sans est une police sans empattement propre qui est en fait un peu plus étroite que les polices sans empattement traditionnelles. C'est un merveilleux mélange de lignes nettes et de courbes douces, résultant en une police qui se sent stérile mais artistiquement.
Open Sans: De l'autre côté de PT Sans, vous avez Open Sans qui est un peu plus large que les polices sans-serif traditionnelles. Pensez Verdana, sauf plus moderne. Ce n'est pas ma tasse de thé, mais je prédis que Open Sans sera plus utilisé dans les années à venir.
Lato: Lato peut se sentir un peu à l'étroit lorsque la taille de la police est trop réduite, mais avec des techniques CSS et de conception appropriées, Lato peut être plus beau que la plupart des polices sans empattement. Le crénage et l'espacement des lignes sont toutefois essentiels.
Roboto: Roboto est l'une de mes polices préférées pour les titres, mais elle fonctionne aussi bien dans un corps de paragraphe. Il est propre, ni trop haut, ni trop court, ni trop large, ni trop étroit. C'est une police sans empattement facile à lire avec une touche futuriste subtile, qui est appropriée compte tenu de son nom.
Cabine: Comme Lato, Cabin peut souffrir de tailles de police plus petites en se sentant un peu à l'étroit et tranchant lorsque les lettres sont trop proches les unes des autres, mais une conception CSS appropriée peut résoudre ce problème facilement. C'est une belle police qui me rappelle parfois une version plus moderne de Century Gothic.
Conclusion
Vos sites Web ne doivent plus être bloqués en utilisant les mêmes polices sans empattement Arial-Helvetica-Verdana et les polices serif Times-Georgia-Palatino. Rehaussez vos créations avec une injection étroite de polices Web Google et passez à l'étape suivante pour révolutionner l'apparence de votre site Web. Non seulement vous distinguerez mieux votre site Web des autres, mais vos lecteurs vous remercieront également.
Qu'est-ce que tu penses? Quelles sont vos polices Web Google préférées? Les utilisez-vous pour votre propre site? Veuillez partager vos réflexions avec nous dans les commentaires.
Joel Lee a un B.S. en informatique et plus de six ans d'expérience en rédaction professionnelle. Il est le rédacteur en chef de MakeUseOf.