Qu’est-ce que Google Fonts ?<\/h2>\n
Google Fonts est sans aucun doute le service de t\u00e9l\u00e9chargement de polices le plus populaire, en raison du nombre vertigineux de familles de fonts qu\u2019il met \u00e0 disposition et ce, gratuitement\u00a0!<\/p>\n Cr\u00e9e en 2010, cet outil s\u2019est depuis d\u00e9ploy\u00e9 avec des polices tendances, \u00e9l\u00e9gantes ou originales, et nul doute que d\u2019autres belles typographies vont encore \u00eatre imagin\u00e9es et rajout\u00e9es au nombre de polices qu\u2019il abrite d\u00e9j\u00e0 : 1442 ! Et vous trouverez avec elles plus de 2000 ic\u00f4nes.<\/p>\n Vous vous r\u00e9jouissez probablement car ce site regorge de merveilles, mais vous vous demandez \u00e9galement comment vous allez faire pour d\u00e9nicher votre perle dans cet univers de polices. Pas d\u2019inqui\u00e9tude, nous allons vous expliquer tout \u00e0 l\u2019heure comment proc\u00e9der.<\/p>\n Au-del\u00e0 de sa gratuit\u00e9 totale, Google Fonts est aussi un site open source,<\/strong> c\u2019est-\u00e0-dire que son contenu est libre de droit pour tout type d\u2019utilisation, personnel, professionnel, associatif ou commercial. Vous pouvez donc t\u00e9l\u00e9charger toutes ces polices sans vous soucier des cons\u00e9quences quant \u00e0 l\u2019usage que vous en ferez.<\/p>\n Une chose \u00e0 savoir si vos futures fonts sont destin\u00e9es \u00e0 votre site\u00a0: vos donn\u00e9es seront collect\u00e9es selon les conditions de l\u2019API de Google. D\u00e8s lors qu\u2019une police provenant de Google Fonts se retrouvera sur vos pages web, Google suivra le comportement des utilisateurs de votre site.<\/p>\n Dans la conception d\u2019un site web, le choix de la typographie est tout aussi important que celui du design et des couleurs pour mettre en lumi\u00e8re votre identit\u00e9. Il vous faut alors une police en accord avec l\u2019esprit de votre entreprise et de vos cr\u00e9ations.<\/p>\n \u00c0 cette fin, Google Fonts repr\u00e9sente une ressource riche et inestimable pour trouver les polices les plus belles et modernes. Outil tr\u00e8s accessible, Google Fonts poss\u00e8de un design agr\u00e9able \u00e0 l\u2019\u0153il et parfaitement con\u00e7u pour vous aider \u00e0 trouver les meilleures polices.<\/p>\n Il existe beaucoup de sites web permettant de t\u00e9l\u00e9charger des polices, mais ceux-ci ne sont, d\u2019une part, pas toujours gratuits, et d\u2019autre part, ils peuvent \u00eatre soumis \u00e0 des licences et des conditions d\u2019utilisation qu\u2019il faut bien consulter au pr\u00e9alable et lire attentivement. Ce qui rend leur emploi moins \u00e9vident et davantage risqu\u00e9 si vous ne prenez pas toutes les pr\u00e9cautions n\u00e9cessaires.<\/p>\n Google Fonts est consid\u00e9r\u00e9 comme une valeur s\u00fbre et avec sa licence libre de droit, vous pourrez en faire usage en toute s\u00e9curit\u00e9. Vous pourrez sauvegarder les polices sur votre ordinateur et les utiliser hors ligne \u00e0 votre guise.<\/p>\n Comme dit plus haut, le nombre de polices disponibles dans Google Fonts peut vous laisser confus. Vous vous demandez comment trouver la typographie qui correspond \u00e0 la personnalit\u00e9 de votre site parmi ce choix incroyablement vaste.<\/p>\n N\u2019ayez crainte, vous n\u2019allez pas devoir toutes les essayer. En allant sur le site Google Fonts, vous d\u00e9couvrirez que tout est fait pour simplifier son utilisation.<\/p>\n Car les designers du site ont su placer intelligemment des filtres\u00a0dans diff\u00e9rents menus d\u00e9roulants\u00a0:<\/p>\n <\/p>\n Le site vous propose un testeur type pour chaque police, ce qui vous permettra de tester celles qui vous auront tap\u00e9 dans l\u2019\u0153il directement avec votre texte.<\/p>\n En s\u00e9lectionnant votre typographie, ayez en t\u00eate que le confort visuel de vos futurs lecteurs passe avant toute chose. Il est donc primordial de vous assurer de sa totale lisibilit\u00e9.<\/p>\n Attention \u00e9galement au poids des polices. Avec des variantes trop lourdes, le temps de chargement de votre page web risque de ralentir. Nous vous conseillons de choisir uniquement trois poids de base, g\u00e9n\u00e9ralement regular, italic, bold.<\/p>\n Ensuite, vous cliquerez sur le bouton \u00ab T\u00e9l\u00e9charger la famille \u00bb (“Download family”) de la typographie choisie.<\/p>\n Vous avez s\u00e9lectionn\u00e9 votre police et vous souhaitez maintenant l\u2019int\u00e9grer \u00e0 votre site WordPress. Rassurez-vous, il n\u2019y a rien de compliqu\u00e9 dans cette man\u0153uvre.<\/p>\n En effet, vous avez \u00e0 votre disposition des extensions faciles d\u2019utilisation comme Easy Google Fonts pour vous permettre d\u2019installer votre nouvelle police. Il vous suffit de t\u00e9l\u00e9charger l\u2019extension et de l\u2019activer. Puis sur le tableau de bord de votre site, allez \u00e0 \u00ab\u00a0Apparence\u00a0\u00bb puis \u00abPersonnaliser\u00bb. Vous verrez un onglet \u00ab\u00a0Google Fonts\u00a0\u00bb et vous cliquerez dessus. Vous pourrez alors configurer la police selon vos crit\u00e8res.<\/p>\n Google Fonts Typography est la deuxi\u00e8me extension \u00e0 votre disposition pour ajouter les nouvelles polices.<\/p>\n Comme autre option, vous pouvez copier le code de la police directement dans la partie<\/p>\n de votre site.<\/p>\n Certaines polices sont r\u00e9guli\u00e8rement mises \u00e0 jour et am\u00e9lior\u00e9es, notamment les plus t\u00e9l\u00e9charg\u00e9es. C\u2019est peut-\u00eatre le cas des typographies que vous avez choisies, alors pensez \u00e0 jeter un petit coup d\u2019\u0153il au site pour voir leur \u00e9volution.<\/p>\n Voici un aper\u00e7u des polices consid\u00e9r\u00e9es comme les meilleures du site\u00a0:<\/p>\n \u00c9labor\u00e9e par Julieta Ulanovsky, Montserrat est une typographie sans s\u00e9rif appr\u00e9ci\u00e9e pour sa grande visibilit\u00e9 et l\u2019\u00e9l\u00e9gance de sa forme. Avec ses lettres larges, vous pouvez cr\u00e9er des textes tr\u00e8s agr\u00e9ables \u00e0 lire. Cette belle typographie a logiquement acquis une grande popularit\u00e9 sur Google Fonts. Et elle compte 9 variantes\u00a0!<\/p>\n <\/p>\n \u00c9galement sans s\u00e9rif, la police Roboto a d\u2019abord \u00e9t\u00e9 cr\u00e9\u00e9e par Christian Robertson pour les appareils Android. D\u00e9velopp\u00e9e depuis et comptant 12 variantes, elle fait partie des typographies les plus utilis\u00e9es de Google Fonts. Simple et \u00e9l\u00e9gante, elle promet une lecture fluide gr\u00e2ce \u00e0 sa g\u00e9om\u00e9trie adoucie et bien lisible.<\/p>\n Class\u00e9e parmi les meilleures du site, Ubuntu est une superbe police qui se d\u00e9cline en 8 styles. Son cr\u00e9ateur, Dalton Maag, lui a donn\u00e9 une originalit\u00e9 qui remporte un grand succ\u00e8s aupr\u00e8s des concepteurs de sites web et des r\u00e9dacteurs. Son design particulier repose sur des lignes droites agr\u00e9ment\u00e9es de courbures l\u00e9g\u00e8res ou franchement arrondies.<\/p>\n Une belle police con\u00e7ue par Paul Hunt pour Adobe, qui semble avoir \u00e9t\u00e9 pens\u00e9e pour le confort visuel des utilisateurs. En effet, la lisibilit\u00e9 de Source sans Pro est de tr\u00e8s grande qualit\u00e9. Cette typographie remarquable pour sa l\u00e9g\u00e8ret\u00e9 et sa simplicit\u00e9 est hautement appr\u00e9ci\u00e9e sur Google Fonts.<\/p>\n D\u2019un design l\u00e9ger et agr\u00e9able, Noto Sans est une belle typographie, sobre et claire. Continuellement mise \u00e0 jour, elle se d\u00e9cline en plus d\u2019une centaine de styles et prend en charge les caract\u00e8res des alphabets de plusieurs langues.<\/p>\n Lato a \u00e9t\u00e9 cr\u00e9\u00e9e par Lukasz Dziedzic et veut dire \u00ab\u00a0\u00e9t\u00e9\u00a0\u00bb en polonais. C\u2019est une typographie subtile et faite de paradoxes\u00a0: d\u2019apparence classique et sans fioriture, elle donne une impression de rigueur, mais lorsque l\u2019on augmente la taille des lettres, sa singularit\u00e9 appara\u00eet. Sans empattement, elle peut \u00eatre utilis\u00e9e pour diff\u00e9rents contenus, techniques ou non.<\/p>\n Merriweather est dot\u00e9e de lettres larges et d\u2019empattements d\u00e9licats. Eben Sorkin a ainsi cr\u00e9\u00e9 une typographie superbe, pleine de modernit\u00e9 et de gr\u00e2ce. Une police agr\u00e9able \u00e0 lire gr\u00e2ce \u00e0 sa forte lisibilit\u00e9. Elle existe aussi sans empattement.<\/p>\n Con\u00e7ue par Vernon Adams, la police sans s\u00e9rif Oswald assure une grande visibilit\u00e9 qui lui permet d\u2019\u00eatre utilis\u00e9e pour les titres et les supports r\u00e9serv\u00e9s \u00e0 l\u2019information. C\u2019est une typographie plus serr\u00e9e et \u00e9troite mais dot\u00e9e d\u2019une graisse faisant ressortir ses atouts. Avec elle, vous trouverez 6 autres styles et appr\u00e9cierez son emploi.<\/p>\n \u00c9labor\u00e9e dans le cadre d\u2019un projet \u00e9tudiant dans une \u00e9cole d\u2019art en Italie, Titilium Web est une typographie sans empattement compos\u00e9e d\u2019un m\u00e9lange d\u2019\u00e9l\u00e9gance et de technique. Elle peut ais\u00e9ment \u00eatre employ\u00e9e pour diff\u00e9rents th\u00e8mes et projets.<\/p>\n Cette magnifique police sans s\u00e9rif dessin\u00e9e par Matt McInerney est tout simplement unique. Ses lettres larges et d\u00e9licates poss\u00e8dent un design qui convient parfaitement \u00e0 des sujets artistiques. Raleway se d\u00e9cline en 18 styles et offre une variante tr\u00e8s sp\u00e9ciale, la Raleway Dots, toute en pointill\u00e9s et l\u00e9g\u00e8ret\u00e9.<\/p>\n Apr\u00e8s avoir s\u00e9lectionn\u00e9 vos polices d\u2019\u00e9criture, il vous faudra choisir les\u00a0bonnes combinaisons de typographies\u00a0pour vos projets cr\u00e9atifs, celles-ci comptant parmi les \u00e9l\u00e9ments majeurs d\u2019un bon design.<\/p>\n Aussi, nous ne pouvons que vous inviter \u00e0 tester les 6 associations de polices ci-dessous puisqu\u2019elles fonctionnent plut\u00f4t bien.<\/p>\n Il faut l\u2019avouer, \u00e0 premi\u00e8re vue, la combinaison des typographies Montserrat et Oswald n\u2019appara\u00eet pas tr\u00e8s probante. En effet, la typographie Montserrat \u2014 clin d\u2019\u0153il \u00e0 la typographie urbaine du d\u00e9but des ann\u00e9es 1900 \u2014 se caract\u00e9rise par l\u2019absence d\u2019empattement et un espace g\u00e9n\u00e9reux entre les lettres.<\/p>\n Au contraire, la police Oswald a de l\u00e9gers empattements et l\u2019espacement entre les lettres se veut \u00e9troit. Mais le mix fonctionne parfaitement\u2026<\/p>\n Pour trouver de bonnes combinaisons de typographie, il ne faut parfois pas h\u00e9siter \u00e0 sortir un peu des sentiers battus.<\/p>\n Ainsi, l\u2019association Merriweather et Special Elite fonctionne \u00e0 merveille d\u00e8s lors que vous n\u2019utilisez pas n\u00e9cessairement les polices telles qu\u2019on l\u2019entend.<\/p>\n En effet, privil\u00e9giez la police Merriweather pour les titres alors que la typographie Special Elite \u2014 qui imite une police de machine \u00e0 \u00e9crire \u2014 sera utilis\u00e9e pour le corps du texte. Id\u00e9al pour attirer l\u2019\u0153il sur vos projets cr\u00e9atifs.<\/p>\n Les\u00a0polices manuscrites<\/a>\u00a0comme Homemade Apple conf\u00e8rent un vrai charme \u00e0 une cr\u00e9ation mais il faut admettre qu\u2019elles ne sont pas toujours tr\u00e8s lisibles.<\/p>\n C\u2019est pourquoi une\u00a0bonne combinaison de typographie<\/strong>\u00a0consiste \u00e0 les associer \u00e0 une police percutante et clairement lisible comme Raleway.<\/p>\n Bien \u00e9videmment, Homemade Apple a vocation \u00e0 attirer l\u2019\u0153il et doit \u00eatre utilis\u00e9 avec parcimonie, pour\u00a0un titre<\/a>\u00a0par exemple. Pour les informations-cl\u00e9s, Raleway prend le relais et assure que le lecteur puisse les consulter sans difficult\u00e9.<\/p>\n Certaines typographies n\u00e9cessitent de l\u2019audace pour \u00eatre utilis\u00e9es dans des projets de cr\u00e9ation graphique. C\u2019est le cas de Permanent Marker \u2014 inspir\u00e9e de l\u2019\u00e9criture des feutres marqueurs \u2014 tant cette police occupe l\u2019espace et prend le dessus sur le reste des \u00e9l\u00e9ments d\u2019un projet.<\/p>\n Aussi, il est particuli\u00e8rement int\u00e9ressant de l\u2019associer \u00e0 une police qui soit \u00e0 la fois d\u00e9contract\u00e9e et \u00e9l\u00e9gante comme Open Sans.<\/p>\n L\u2019alliance entre les deux typographies est ce qu\u2019il vous faut si vous d\u00e9sirez que votre travail se d\u00e9marque. C\u2019est d\u2019ailleurs pourquoi cette combinaison est fr\u00e9quemment utilis\u00e9e pour des\u00a0affiches<\/a>\u2026<\/p>\n Si vous d\u00e9sirez amener un peu de fantaisie dans vos cr\u00e9ations, la police Sniglet est \u00e0 conna\u00eetre. Tout en rondeurs, elle se veut parfaite pour des titres que vous voulez percutants.<\/p>\n Elle peut tr\u00e8s ais\u00e9ment s\u2019associer \u00e0 la typographie Cabin qui offre l\u00e0 aussi des rondeurs m\u00eame si elles sont plus subtiles. Voil\u00e0 d\u2019ailleurs ce qui en fait davantage\u00a0la police compl\u00e9mentaire<\/strong>\u00a0que la police principale d\u2019un projet cr\u00e9atif.<\/p>\n La combinaison des polices Sniglet et Cabin m\u00e9rite en tout cas d\u2019\u00eatre test\u00e9e, surtout si vous d\u00e9veloppez des projets graphiques \u00e0 destination d\u2019un public jeune.<\/p>\n![\"google-fonts-polices-icones-a-telecharger\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/googlefonts.jpg\")
<\/a><\/p>\nPourquoi utiliser Google Fonts ?<\/h2>\n
Comment utiliser Google Fonts ?<\/h2>\n
\n
Comment ajouter une police Google Fonts \u00e0 votre site WordPress ?<\/h2>\n
Focus sur les polices les plus populaires de Google Fonts<\/h2>\n
Montserrat<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/montserrat-google-fonts.jpg\")
<\/a><\/p>\nRoboto<\/h3>\n
Ubuntu<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/ubuntu-google-fonts.jpg\")
<\/a><\/p>\nSource sans Pro<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/source-sans-pro-google-fonts.jpg\")
<\/a><\/p>\nNoto Sans<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/noto-sans-google-fonts.jpg\")
<\/a><\/p>\nLato<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/lato-google-fonts.jpg\")
<\/a><\/p>\nMerriweather<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/merriweather-google-fonts.jpg\")
<\/a><\/p>\nOswald<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/oswald-google-fonts.jpg\")
<\/a><\/p>\nTitilium Web<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/titilium-web-google-fonts.jpg\")
<\/a><\/p>\nRaleway<\/h3>\n
![\"google-fonts-poilice-icones\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/raleway-google-fonts.jpg\")
<\/a><\/p>\nGoogle Fonts\u00a0: 6 combinaisons de typographie \u00e0 tester<\/h2>\n
1. Montserrat et Oswald<\/h3>\n
![\"Google](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/Fiction-vs-Non-Fiction-e1574675886110.jpg\")
<\/a><\/p>\n
\nPourtant, c\u2019est justement de la dichotomie entre les deux polices qui donne un v\u00e9ritable int\u00e9r\u00eat sur le plan du design.<\/p>\n2. Merriweather et Special Elite<\/h3>\n
![\"\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/graphiste-google-font-typographie-combinaison-1-e1574680891354.png\")
<\/a><\/p>\n3. Homemade Apple et Raleway<\/h3>\n
![\"typographie](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/Whats-in-My-Bag_-e1574675808311.jpg\")
<\/a><\/p>\n4. Permanent Marker et Open Sans<\/h3>\n
![\"typographie](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/Pink-and-Black-Grunge-Creative-Wattpad-Book-Cover-e1574675707866.jpg\")
<\/a><\/p>\n5. Sniglet et Cabin<\/h3>\n
![\"typographie](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/Orange-Boxes-Parent-Report-Card-e1574675606164.jpg\")
<\/a><\/p>\n6. Raleway et Open Sans<\/h3>\n
![\"typographie](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/Blue-Yellow-Orange-Burger-Promo-Flyer.jpg\")
<\/a><\/p>\n