Spruce Up votre site Web avec ces 12 belles polices Web Google

Au cours de la dernière décennie, j'ai lancé un certain nombre de blogs personnels que je n'ai jamais vraiment suivis, mais certains de mes plus beaux souvenirs reposent sur la conception de thèmes et les réglages de polices. Il y a quelque chose de satisfaisant quand vous trouvez ce match parfait de polices pour votre site Web et tout se met en place.

Au cours de la dernière décennie, j'ai lancé un certain nombre de blogs personnels que je n'ai jamais vraiment suivis, mais certains de mes plus beaux souvenirs reposent sur la conception de thèmes et les réglages de polices.  Il y a quelque chose de satisfaisant quand vous trouvez ce match parfait de polices pour votre site Web et tout se met en place.
Publicité

Au cours de la dernière décennie, j'ai commencé un certain nombre de blogs personnels 10 Premières étapes essentielles au démarrage d'un blog Wordpress 10 Premières étapes essentielles au démarrage d'un blog Wordpress Ayant créé un certain nombre de blogs, je voudrais penser que j'ai un bon système pour ces premiers pas essentiels, et j'espère que cela 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 le design de thème et les réglages de police. Il y a quelque chose de satisfaisant quand vous trouvez ce match parfait de polices pour votre site Web et tout se met en place. Heureusement, avec Google Web Fonts, tout ce processus n'a jamais été aussi facile.

Alors, quelles polices Web Google devriez-vous utiliser? Eh bien, vous pouvez utiliser l'une des polices dans le répertoire Google Web Fonts, qui contient actuellement plus de 600 polices différentes - et ce nombre ne cesse de croître. Mais certaines polices ont été prouvées, à maintes reprises, comme plus agréables à l'œil et plus faciles à lire que d'autres. Continuez à lire pour savoir ce que ces polices sont.

Remarque: L' appréciation de la police 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 Google Web Fonts?

Google Web Fonts est une collection centralisée de polices différentes que vous pouvez intégrer dans vos sites Web. Pendant un certain temps, les polices de site Web se limitaient à ce qui se trouvait sur l'ordinateur du spectateur. Si elles ne disposaient pas de la police spécifiée, elles ne voyaient votre site Web que dans la police par défaut de leur navigateur. Avec Google Web Fonts, les utilisateurs peuvent voir la police de votre site web même s'ils ne l'ont pas, ce qui ouvre beaucoup de portes en termes de design.

Si vous utilisez WordPress, certains thèmes (en particulier les plus récents) sont équipés d'un support pour Google Web Fonts dans les options du thème. Pour d'autres projets Web, James a écrit un excellent guide sur la façon d'utiliser Google Web Fonts Comment utiliser Google Fonts dans votre prochain projet Web et pourquoi vous devriez utiliser Google Fonts dans votre prochain projet Web et pourquoi vous devriez choisir la police est une décision intégrale de conception sur n'importe quel site Web, pourtant la plupart du temps nous nous contentons de la même vieille famille de 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 de gestion web, ce processus devrait être aussi simple que le gâteau pour vous.

Google Web Fonts peut également être utilisé par d'autres moyens, tels que l'extension Font Changer Chrome Changeur de polices avec Google Web Fonts: Changer facilement la police de tout site Web [Chrome] Changeur de polices avec Google Web Fonts: changer facilement la police de tout site Web [Chrome] En savoir plus. Si un site Web particulier ne vous semble pas très bien - ou même ne vous dérange pas dans 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 ont de petites marques, des traits ou des 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, etc. Dans l'ensemble, elles sont plus formelles que les polices sans-serif (qui sont couvertes dans la deuxième partie de cet article) et sont généralement considérés comme plus faciles à lire, même si cela est discutable.

serif-droid-serif

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 les petits écrans mobiles, en particulier sur la plate-forme Android, mais la police a gagné en popularité et est utilisée partout maintenant.

serif-pt-serif

PT Serif: Bien qu'il existe depuis quelques années, la famille de polices PT est nouvelle pour moi - et j'adore ça. 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 ses propres empattements savoureux.

serif-lora

Lora: Lora est peut-être ma deuxième police serif préférée, à côté de PT Serif. Il a juste le bon équilibre de droite et ronde, prêtant à la lecture facile et une esthétique agréable. Ceci est la police que j'utilise lors de la lecture des ebooks sur mon ordinateur EPubReader: Lire .EPUB Livres gratuitement dans votre navigateur [Firefox] EPubReader: Lire .EPUB Livres gratuitement dans votre navigateur [Firefox] La popularité des livres électroniques a explosé dans le passé quelques années et il ne semble pas que ça va ralentir de sitôt. D'abord le Kindle, puis le Nook, puis les applications smartphone comme Aldiko et Mantano - il y a ... Lire la suite.

serif-judson

Judson: Judson fait une bonne pause quand vous avez besoin d'une belle police serif, mais ne voulez pas vous rabattre sur certains des plus populaires, comme ceux énumérés ci-dessus. Une raison pour laquelle il n'est pas utilisé aussi souvent est parce qu'il manque un style qui a à la fois gras et italique.

serif-merriweather

Merriweather: J'ai récemment vu Merriweather utilisé sur le blog d'un écrivain prolifique et je suis tombé amoureux. Avec le bon crénage et l'espacement, Merriweather devient super facile pour les yeux et facilite la lecture rapide, ce qui est idéal pour les blogs et le contenu Web.

serif-vollkorn

Vollkorn: C'est la police qui m'a attiré à Google Web Fonts en premier lieu. Il est agréable de regarder dans la plus petite gamme de taille de police, mais les défauts deviennent plus apparents à des tailles plus grandes. Néanmoins, c'est génial et ça vaut le coup d'essayer.

Polices Sans-Serif

Si les polices avec empattement sont celles avec des tiques et des pieds sur les lettres et les symboles, alors les polices sans-serif sont celles sans ces tiques et pieds. Certaines personnes décrivent les polices sans-serif comme «plus propres» et «modernes» et elles sont souvent considérées comme moins formelles que les polices serif, même si cela devient moins vrai chaque année. Le nom vient du mot français pour "sans" - sans - donc chaque fois que vous voyez une police intitulée "Sans", vous savez que c'est la version propre de cette police.

sans-droid-sans

Droid Sans: Droid Sans est dans 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 les polices serif. Sa popularité a débordé sur le Web, cependant, et vous avez probablement vu cette police plus que vous pensez avoir.

sans-pt-sans

PT Sans: PT Sans est une police sans-serif propre qui est en fait un peu plus étroite que les polices sans-serif traditionnelles. C'est un mélange merveilleux de lignes pointues et de courbes douces, résultant en une police qui se sent stérile mais artistiquement ainsi.

sans-open-sans

Open Sans: De l'autre côté de PT Sans, vous avez Open Sans qui est un peu plus large que les polices traditionnelles sans-serif. Pensez Verdana, sauf plus moderne. Ce n'est pas ma tasse de thé, mais je prévois qu'Open Sans verra plus d'utilisation dans les années à venir.

sans-lato

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 belle que la plupart des polices sans-serif. Cependant, le crénage et l'interlignage sont essentiels.

sans-roboto

Roboto: Roboto est l'une de mes polices préférées pour les en-têtes, mais elle fonctionne aussi bien dans un corps de paragraphe. C'est propre, pas trop grand, pas trop court, pas trop large et pas trop étroit. C'est une police sans empattement facile à lire avec une subtile touche futuriste, ce qui est approprié compte tenu de son nom.

sans-cabine

Cabine: Comme Lato, Cabin peut souffrir à des tailles de police plus petites en se sentant un peu à l'étroit et aiguisé lorsque les lettres sont trop proches les unes des autres, mais un design CSS approprié peut le réparer 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 avec les mêmes polices sans-serif Arial-Helvetica-Verdana et les mêmes polices serif Times-Georgia-Palatino. Améliorez vos conceptions avec une injection de polices Web Google et passez à l'étape suivante pour révolutionner l'apparence de votre site Web. Non seulement vous permettra de mieux distinguer votre site Web des autres, mais vos lecteurs vous remercieront aussi.

Qu'est-ce que tu penses? Quelles sont vos polices Web Google préférées? Les utilisez-vous pour votre propre site? S'il vous plaît partagez vos pensées avec nous dans les commentaires.

In this article