- \n
- Serif<\/li>\n
- Sans Serif (sans empattement)<\/li>\n
- Display<\/li>\n
- Handwriting (manuscrite)<\/li>\n
- Monospace<\/li>\n<\/ul>\n<\/li>\n
- Un deuxi\u00e8me menu d\u00e9roulant \u201clangages\u201d. Attention, il s\u2019agit plut\u00f4t d\u2019alphabets que de langage \u00e0 proprement parler. Vous retrouverez donc des polices en alphabet latin, cyrillique, chinois, japonais, etc. Si vous travaillez \u00e0 un niveau international, cela peut vous int\u00e9resser !<\/li>\n
- Un troisi\u00e8me menu d\u00e9roulant \u201cpropri\u00e9t\u00e9s\u201d. Ce filtre vous permet de trier les polices de caract\u00e8res en fonction :\n
- \n
- du nombre de styles disponibles pour une m\u00eame typographie.<\/li>\n
- de la graisse de la police.<\/li>\n
- de l\u2019inclinaison de la typographie.<\/li>\n
- de la largeur<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Fun fact : ne vous fatiguez pas \u00e0 chercher la police utilis\u00e9e par Google pour son logo\u2026 Elle n\u2019est pas disponible sur Google Fonts ! On sait que vous y avez pens\u00e9 !<\/p>\n
Comment choisir une police sur Google Fonts ?<\/h2>\n
Ces informations sont int\u00e9ressantes, certes, mais vous, ce que vous voulez savoir, c\u2019est comment choisir LA bonne police sur Google Fonts n\u2019est-ce pas ? Voici quelques conseils utiles pour vous aiguiller.<\/p>\n
Lorsque vous cr\u00e9ez un site web, vous n\u2019y allez pas \u00e0 l\u2019aveugle (en tout cas, nous ne vous le conseillons pas). Vous avez une id\u00e9e pr\u00e9cise du logo, de votre identit\u00e9 visuelle ou encore de vos codes couleurs. Ces \u00e9l\u00e9ments suivent une certaine logique \u00e9ditoriale et cr\u00e9ative. C\u2019est pareil pour la typographie !<\/p>\n
- \n
- Soyez coh\u00e9rent avec votre image de marque : faites en sorte que votre typographie ne provoque pas une rupture trop importante par rapport au design de votre site. N\u2019oubliez pas que vous devez attirer une cible bien pr\u00e9cise selon votre secteur d\u2019activit\u00e9. Elle risque d\u2019\u00eatre d\u00e9contenanc\u00e9e si votre sujet concerne les robes de mari\u00e9es et que vous utilisez une police qui ressemble au logo d\u2019un groupe de black metal norv\u00e9gien.<\/li>\n
- Soyez lisible : ce qui nous emm\u00e8ne \u00e0 ce deuxi\u00e8me point. Ces groupes de musique sont justement connus pour disposer d\u2019un logo parfaitement illisible (dans certains cas). Nous vous invitons bien s\u00fbr \u00e0 faire l\u2019exact oppos\u00e9. Votre typographie doit \u00eatre d\u2019une lisibilit\u00e9 sans faille. Les visiteurs ont vite fait de passer leur chemin lorsqu\u2019ils n\u2019arrivent pas \u00e0 lire correctement votre contenu r\u00e9dactionnel.<\/li>\n
- S\u00e9lectionnez la bonne cat\u00e9gorie de police : vous l\u2019avez vu plus haut, Google Fonts classe les typos en cinq familles : serif,
\nsans-serif, handwriting, display et monospace. Vous pouvez consulter, directement sur Google Font, l\u2019apparence de ces cinq cat\u00e9gories. Ici, nous vous conseillons d\u2019utiliser une police avec ou sans serif pour du texte. Le handwriting imite l\u2019\u00e9criture manuscrite, ce qui n\u2019est pas forc\u00e9ment adapt\u00e9 pour une lecture sur \u00e9cran, pr\u00e9f\u00e9rez-le pour un logo. Le monospace est plut\u00f4t aust\u00e8re et
\nest adapt\u00e9 \u00e0 un site recensant des explications ou un mode d\u2019emploi. Enfin, le display est pr\u00e9vu pour \u00eatre utilis\u00e9 en tr\u00e8s grande taille et est surtout employ\u00e9 dans le print.<\/li>\n - Renseignez-vous sur l\u2019auteur de la typographie : l\u2019avantage d\u2019un outil open source comme Google Font, c\u2019est que les auteurs des polices de caract\u00e8res y laissent parfois une sorte de notice d\u2019utilisation. Elle est le plus souvent en anglais, mais cela reste une donn\u00e9e tr\u00e8s int\u00e9ressante pour vous orienter sur le choix de la bonne police.<\/li>\n<\/ul>\n
Les 20 meilleures polices Google Fonts en 2023 (Le classement)<\/h2>\n
La typographie, chez PrintOblog, on aime \u00e7a ! Si bien qu\u2019on a \u00e9tabli un classement parfaitement objectif des 20 meilleures polices Google Fonts \u00e0 utiliser en 2023 !<\/p>\n
Oui oui, objectif puisqu\u2019il s\u2019agit d\u2019un classement se basant sur les donn\u00e9es sur les fonts r\u00e9colt\u00e9es par Google<\/a>. Avec plus de 60 trillions (!) de vues de typographies made in Google Fonts, il y a forc\u00e9ment une tendance qui se d\u00e9gage\u2026<\/p>\n
- \n
- Roboto<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Roboto.jpg\")
<\/p>\n\u201cDomo arigato Mr. Roboto\u201d nous chantait le groupe Styx en 1983. Ici, c\u2019est plut\u00f4t Christian Robertson, le cr\u00e9ateur de la typographie Roboto, qui remercie les quelque 20 146 799 221 875 personnes qui ont vu sa police (\u00e0 l\u2019heure o\u00f9 nous \u00e9crivons ces lignes \u00e9videmment). Roboto, typo sans s\u00e9rif, se d\u00e9cline en 12 styles ! Pour la petite histoire, elle a \u00e9t\u00e9 d\u00e9velopp\u00e9e \u00e0 la base pour les smartphones Android.<\/p>\n
Par cons\u00e9quent, difficile de contester sa popularit\u00e9. Roboto est une police simple, \u00e9l\u00e9gante, lisible et sans s\u00e9rif. En bref, tout le monde aime lire du texte en Roboto !<\/p>\n
- \n
- Open Sans<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Open-Sans.jpg\")
<\/p>\nOpen Sans est une police sans-serif passe-partout. Cr\u00e9\u00e9e par Steve Mattesson, elle est tr\u00e8s populaire sur internet. On la retrouve notamment sur les publicit\u00e9s de Google en ligne. C\u2019est tr\u00e8s souvent la police par d\u00e9faut de certaines applications comme Canva.<\/p>\n
- \n
- Lato<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Lato.jpg\")
<\/p>\nTypographie sans empattement con\u00e7ue par \u0141ukasz Dziedzic, Lato mise sur une certaine \u00e9l\u00e9gance gr\u00e2ce \u00e0 un ton plus l\u00e9ger.<\/p>\n
- \n
- Montserrat<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Montserrat.jpg\")
<\/p>\nUne autre police sans-s\u00e9rif tr\u00e8s populaire. Tr\u00e8s \u00e9l\u00e9gante, Montserrat propose un lettrage un peu plus large pour une meilleure visibilit\u00e9. Police tr\u00e8s fine, vous pouvez jouer avec ses 18 variations pour cr\u00e9er un style unique aux textes de votre site.<\/p>\n
- \n
- Oswald<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Oswald.jpg\")
<\/p>\nOn change de style avec Oswald, cr\u00e9\u00e9e par Vernon Adams, une police aux tons plus impactants, adapt\u00e9e pour des textes informatifs par exemple. Sa graisse plus importante mise sur un fort caract\u00e8re et une lisibilit\u00e9 maximale. C\u2019est une typo assez resserr\u00e9e, alors n\u2019h\u00e9sitez pas \u00e0 espacer le lettrage si besoin est.<\/p>\n
- \n
- Source Sans Pro<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Source-Sans-Pro.jpg\")
<\/p>\n\u00c0 la base, Source Sans Pro est une typographie invent\u00e9e par Paul Hunt pour Adobe. Elle est \u00e9videmment open-source et se rapproche des Roboto et autres Open Sans au niveau du style. C\u2019est une police bien \u00e9quilibr\u00e9e, et m\u00eame la premi\u00e8re typo open-source d\u2019Adobe.<\/p>\n
- \n
- Slabo 27px<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Slabo-27px.jpg\")
<\/p>\nPremi\u00e8re typographie avec empattement (serif) de ce classement, Slabo 27px, comme son nom l\u2019indique, est pr\u00e9vue pour la taille 27 pixels. Une utilisation id\u00e9ale pour vos titres ou sous-titres.<\/p>\n
- \n
- Raleway<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Raleway.jpg\")
<\/p>\nAttention, \u00e9l\u00e9gance ! Raleway est une police tr\u00e8s fine cr\u00e9\u00e9e par Matt McInerney. Si votre site traite du domaine de la mode ou de la bijouterie, nous vous la conseillons vivement. C\u2019est une police sans s\u00e9rif, au style unique et elle poss\u00e8de une variante, Raleway Dots, qui propose des lettres en pointill\u00e9s. Utile pour certains gros titres.<\/p>\n
- \n
- PT Sans<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-PT-Sans.jpg\")
<\/p>\nPT Sans a \u00e9t\u00e9 con\u00e7ue pour le lettrage de la F\u00e9d\u00e9ration de Russie. Pour l\u2019alphabet cyrillique donc, pourtant la police comprend aussi des caract\u00e8res latins. Vous pouvez donc l\u2019utiliser pour votre site internet. C\u2019est une typographie tr\u00e8s marqu\u00e9e avec une graisse importante.<\/p>\n
- \n
- Poppins<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Poppins.jpg\")
<\/p>\nPas grand-chose \u00e0 voir avec Mary Poppins ici. Poppins est une typographie cr\u00e9\u00e9e par Jonny Pinhorn et elle mise sur un c\u00f4t\u00e9 tr\u00e8s arrondi. Le lettrage est donc assez large, agr\u00e9able et facile \u00e0 lire.<\/p>\n
- \n
- Noto Sans<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Noto-Sans.jpg\")
<\/p>\nTypographie command\u00e9e par Google, Noto a l\u2019avantage d\u2019exister avec ou sans s\u00e9rif. Elle est utilisable avec plusieurs caract\u00e8res alphab\u00e9tiques (latin, cyrillique, grec\u2026). Cette typographie est en constante \u00e9volution, car elle est souvent mise \u00e0 jour. Aujourd\u2019hui, il existe plus de 100 variations de Noto, c\u2019est pour dire !<\/p>\n
- \n
- Merriweather<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Merriweather.jpg\")
<\/p>\nPolice tr\u00e8s populaire dans le milieu du blogging et du journalisme, Merriweather est une typographie avec s\u00e9rif. Elle poss\u00e8de un design \u00e9l\u00e9gant pour une police avec empattement, ce qui explique son succ\u00e8s.<\/p>\n
- \n
- Ubuntu<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Ubuntu.jpg\")
<\/p>\nPolice un peu plus originale par rapport aux pr\u00e9c\u00e9dentes cit\u00e9es dans ce classement. Ubuntu poss\u00e8de un style \u00e0 part avec un subtil m\u00e9lange entre des courbes arrondies et droites.<\/p>\n
- \n
- Lora<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Lora.jpg\")
<\/p>\nTypographie avec s\u00e9rif tr\u00e8s \u00e9l\u00e9gante, Lora se rapproche des caract\u00e8res que l\u2019on retrouve dans les journaux et les livres. Id\u00e9al pour un contenu tr\u00e8s litt\u00e9raire.<\/p>\n
- \n
- Playfair Display<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Playfair-Display.jpg\")
<\/p>\nPolice avec serif au caract\u00e8re un peu plus prononc\u00e9 que Lora. Graisse un poil plus importante, Playfair Display n\u2019en est pas moins \u00e9l\u00e9gante. Elle est id\u00e9ale pour un site internet dans le domaine du luxe par exemple.<\/p>\n
- \n
- Nunito<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Nunito.jpg\")
<\/p>\nFruit d\u2019une collaboration entre trois artistes : Vernon Adams, Cyreal et Jacques Le Bailly, Nunito est une police sans s\u00e9rif qui opte pour une forme arrondie. De quoi donner un caract\u00e8re plus chaleureux \u00e0 votre site internet
\n!<\/p>\n- \n
- Titillium Web<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Titillium-Web.jpg\")
<\/p>\nTypographie tr\u00e8s formelle, Titillium est tout de m\u00eame assez originale. C\u2019est une police assez polyvalente que vous pouvez utiliser pour tout type de site en jouant avec les variations de graisse.<\/p>\n
- \n
- Arimo<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Arimo.jpg\")
<\/p>\nArimo, cr\u00e9\u00e9e par Steve Matteson, est aussi tr\u00e8s formelle. Moins originale que Titillium, c\u2019est une typographie tr\u00e8s simple qui ne fait pas de fioritures. Cela reste une police bien lisible qui va \u00e0 l\u2019essentiel.<\/p>\n
- \n
- Rubik<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Rubik.jpg\")
<\/p>\nEncore une police formelle, mais cette fois tr\u00e8s l\u00e9g\u00e9rement arrondie. Cela adoucit le lettrage et rend la lecture du texte plus confortable.<\/p>\n
- \n
- Fira Sans<\/li>\n<\/ol>\n
![\"exemple](\"https:\/\/www.printoclock.com\/blog\/wp-content\/uploads\/2022\/08\/Exemple-Fira-Sans.jpg\")
<\/p>\nTypographie sans serif (empattement) qui b\u00e9n\u00e9ficie d\u2019un large espacement, parfait pour la lecture. C\u2019est une police fine de base et tr\u00e8s \u00e9l\u00e9gante.<\/p>\n
On esp\u00e8re que ce classement vous aidera \u00e0 y voir plus clair ! N\u2019oubliez pas de choisir avant tout une police qui vous pla\u00eet. Gardez bien \u00e9videmment \u00e0 l\u2019esprit que la lisibilit\u00e9 pour les lecteurs pr\u00e9vaut, mais votre site doit avoir VOTRE personnalit\u00e9.<\/p>\n
C\u2019est une question de ressenti. D\u2019ailleurs, chaque typographie provoque forc\u00e9ment un ressenti<\/a> particulier. Certaines polices de caract\u00e8res peuvent exprimer divers sentiments au travers du style. L\u2019occasion de rappeler que la typographie est un art.<\/p>\n
Une police peut \u00eatre gracieuse, informelle, joueuse, forte, neutre, amicale\u2026 L\u2019avez-vous ressenti en parcourant cette liste ? S\u00fbrement !<\/p>\n
Comment trouver les meilleures combinaisons de police avec Google Fonts ?<\/h2>\n
Bravo, vous avez trouv\u00e9 votre police ! Mais ce n\u2019est pas fini\u2026 Que pensez-vous d\u2019une deuxi\u00e8me police pour cr\u00e9er une certaine harmonie sur votre site internet ? Cela vous donne des n\u0153uds au cerveau ? Rassurez-vous, on vous dit tout !<\/p>\n
Sachez d\u00e9j\u00e0 que Google Fonts vous propose un article (en anglais)<\/a> sur l\u2019association entre les polices, faute de mieux. Car il y avait mieux (\u00e0 notre sens), \u00e9tant donn\u00e9 qu\u2019avant, Google Fonts proposait des combinaisons de typo en fonction de la police choisie. C\u2019est bien dommage de ne plus retrouver cette information sur la version actuelle de Google Fonts\u2026<\/p>\n
Toutefois, il existe de nombreux outils pour vous aider ! Le site FontPair<\/a> vous propose des suggestions d\u2019associations de typographies, alors n\u2019h\u00e9sitez pas \u00e0 aller y jeter un coup d\u2019\u0153il !<\/p>\n
Enfin, nous vous conseillons aussi de vous tourner vers Typewolf,<\/a> une immense encyclop\u00e9die de la typographie ! Toujours en anglais malheureusement\u2026 Mais pour peu que vous soyez un peu anglophone, Typewolf offre de multiples informations sur les polices de caract\u00e8res trouvables un peu partout sur internet, et donc, comment les associer. Attention, Typewolf semble privil\u00e9gier TypeKit la biblioth\u00e8que de polices d\u2019Adobe. N\u00e9anmoins, le site propose un guide PDF (payant) et des alternatives gratuites de police (dont
\ncertaines qui proviennent de Google Font).<\/p>\nEt \u00e0 toutes fins utiles, nous vous renvoyons vers cet article<\/a> de notre cru ! Cela vous donnera encore plus de solutions gratuites pour les meilleures combinaisons possibles de typographie !<\/p>\n
Comment t\u00e9l\u00e9charger une police Google Fonts pour son site web ?<\/h2>\n
En soi, t\u00e9l\u00e9charger la police Google Fonts de votre choix est tr\u00e8s simple. Vous vous rendez sur le site, et vous n\u2019avez qu\u2019\u00e0 s\u00e9lectionner la typo qui vous convient et \u00e0 cliquer sur \u201cT\u00e9l\u00e9charger la famille\u201d. En revanche, l\u2019int\u00e9grer sur votre site internet n\u00e9cessite quelques conseils que nous vous prodiguons.<\/p>\n
Utiliser Google Fonts sur WordPress<\/h3>\n
Pour int\u00e9grer vos nouvelles polices de caract\u00e8re sur WordPress, la t\u00e2che est rendue facile gr\u00e2ce aux extensions Google Fonts Typography<\/a> ou Easy Google Fonts<\/a>. Il vous suffit alors d\u2019utiliser l\u2019API de Google Fonts pour int\u00e9grer la typographie sur votre site web.<\/p>\n
Int\u00e9grer sa police en HTML<\/h3>\n
Vous pouvez \u00e9galement int\u00e9grer facilement vos polices en HTML sur votre site. Pour cela, lorsque vous avez choisi votre typo sur Google Fonts, un volet s\u2019ouvre sur la droite de votre \u00e9cran lorsque vous cliquez sur l\u2019ic\u00f4ne en haut \u00e0 droite. Copiez-collez simplement le morceau de code indiqu\u00e9 par Google, et collez-le dans <head> de votre fichier HTML.<\/p>\n
Voici l’exemple du code \u00e0 copier pour la police Roboto :\u00a0
<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">
\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>
\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto<\/span>&<\/span>display=swap\" rel=\"stylesheet\"><\/code><\/p>\nGuide des bonnes pratiques pour utiliser les font Google<\/h2>\n
Pour am\u00e9liorer les performances de votre site web, l\u2019int\u00e9gration des typographies doit respecter quelques r\u00e8gles. N\u2019oubliez pas que chaque donn\u00e9e que vous int\u00e9grez dans votre site (image, texte, animation\u2026) est un poids en plus pour le chargement des pages.<\/p>\n
De plus, votre texte et sa police doivent \u00eatre une force de votre site, et non une faiblesse. Rendez la lecture agr\u00e9able pour le visiteur et prenez bonne note de ces quelques conseils.<\/p>\n
H\u00e9berger ses polices en local<\/h3>\n
Lorsque vous faites le choix d\u2019int\u00e9grer vos polices via Google Font, cela implique que les polices sont diffus\u00e9es sur votre site via le serveur de Google. Ce n\u2019est donc pas une bonne pratique puisque cela augmente le temps de chargement de la page. En h\u00e9bergeant vos typographies localement gr\u00e2ce \u00e0 une extension ou vos talents de d\u00e9veloppeurs, vous r\u00e9glez facilement ce probl\u00e8me de performances !<\/p>\n
R\u00e9duire le nombre de poids de police<\/h3>\n
Certaines polices, comme Raleway, sont t\u00e9l\u00e9chargeables avec 18 poids diff\u00e9rents. On ne parle pas de kilogrammes mais plut\u00f4t de styles : Extra Thin, Thin, Regular, Bold\u2026 Alors c\u2019est plut\u00f4t chouette quand on aime varier les plaisirs, mais parmi les 18, vous n\u2019allez probablement pas tous les utiliser. Et trop de poids\u2026 C\u2019est lourd ! Pour am\u00e9liorer les perfs de votre site, utilisez simplement ceux dont vous avez besoin.<\/p>\n
Prendre en compte la lisibilit\u00e9<\/h3>\n
On ne le r\u00e9p\u00e8tera jamais assez. La lisibilit\u00e9, c\u2019est la cl\u00e9 d\u2019un design web r\u00e9ussi. L\u2019internaute ne doit pas se sentir perdu ou d\u00e9sorient\u00e9 sur votre site web. La typographie est le principal vecteur de l\u2019information que vous souhaitez communiquer. Encore plus lorsqu\u2019il s\u2019agit d\u2019un e-commerce ! Vous avez tout int\u00e9r\u00eat \u00e0 ce que vos prospects ne quittent pas votre boutique en ligne ! Testez vos polices aupr\u00e8s d\u2019autres utilisateurs, montrez-leur des \u00e9bauches de vos pages. Reportez-vous \u00e0 nos conseils de choix de typographie !<\/p>\n
Veiller aux mises \u00e0 jour de la police<\/h3>\n
Tout comme les extensions de WordPress, certaines typographies sont mises \u00e0 jour afin de les am\u00e9liorer. Comme nous l\u2019expliquions pour la police Noto Sans, celle-ci est sujette \u00e0 de nombreuses mises \u00e0 jour, ce qui signifie qu\u2019elle est en constante \u00e9volution. La plupart des typos r\u00e9guli\u00e8rement utilis\u00e9es (r\u00e9f\u00e9rez-vous \u00e0 notre classement) re\u00e7oivent souvent des mises \u00e0 jour, c\u2019est aussi pourquoi nous les recommandons !<\/p>\n
Les alternatives \u00e0 Google Fonts<\/h2>\n
La biblioth\u00e8que de Google Fonts ne vous convient pas ? Vous \u00eates difficile\u2026 Soit ! Nous allons vous conseiller d\u2019autres banques de typographies gratuites ! Le web fourmille de cr\u00e9ateurs plus talentueux les uns que les autres. Voici quelques sites o\u00f9 retrouver leurs typographies \u00e0 t\u00e9l\u00e9charger ou leur nom :<\/p>\n
- \n
- Dafont.com<\/a> : probablement l\u2019un des plus connus avec ses plus de 40 000 polices !<\/li>\n
- Font Squirrel<\/a> : il fonctionne comme Dafont et vous permet aussi d\u2019identifier des polices.<\/li>\n
- WhatFontIs<\/a> : le must-have pour trouver la police de caract\u00e8res utilis\u00e9e dans une image.<\/li>\n
- MyFonts \/ WhatTheFont<\/a> : ressource en ligne avec des milliers de typos, elle poss\u00e8de aussi un outil d\u2019identification des polices \u00e0 partir d\u2019une image.<\/li>\n
- FontInLogo<\/a> : rien de mieux pour trouver le nom de la police d\u2019une marque connue !<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
D\u00e9couvrez le TOP 20 des typographies made in Google Fonts ! Retrouvez nos meilleurs conseils pour savoir comment bien utiliser ses typos !<\/p>\n","protected":false},"author":36,"featured_media":13883,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Google Fonts : D\u00e9couvrez notre Top 20 des meilleures typographies... Et quelques astuces pour bien les utiliser !","_seopress_titles_desc":"Parmi toutes les typographies existantes pour le Web, celles de la biblioth\u00e8que Google Fonts sont parmi les plus utilis\u00e9es. De Roboto \u00e0 Montserrat en passant par Raleway, d\u00e9couvrez comment nous les avons class\u00e9es dans notre Top 20. D\u00e9couvrez \u00e9galement une multitude de conseils et de bonnes pratiques pour bien utiliser vos typographies dans vos sites et projets web !","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"facebook_10227655330001852_196003483236":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[710],"tags":[],"class_list":{"0":"post-13835","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-webdesign"},"_links":{"self":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/13835"}],"collection":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/comments?post=13835"}],"version-history":[{"count":6,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/13835\/revisions"}],"predecessor-version":[{"id":13912,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/13835\/revisions\/13912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media\/13883"}],"wp:attachment":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media?parent=13835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/categories?post=13835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/tags?post=13835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Font Squirrel<\/a> : il fonctionne comme Dafont et vous permet aussi d\u2019identifier des polices.<\/li>\n
- Dafont.com<\/a> : probablement l\u2019un des plus connus avec ses plus de 40 000 polices !<\/li>\n
- Fira Sans<\/li>\n<\/ol>\n
- Rubik<\/li>\n<\/ol>\n
- Arimo<\/li>\n<\/ol>\n
- Titillium Web<\/li>\n<\/ol>\n
- Nunito<\/li>\n<\/ol>\n
- Playfair Display<\/li>\n<\/ol>\n
- Lora<\/li>\n<\/ol>\n
- Ubuntu<\/li>\n<\/ol>\n
- Merriweather<\/li>\n<\/ol>\n
- Noto Sans<\/li>\n<\/ol>\n
- Poppins<\/li>\n<\/ol>\n
- PT Sans<\/li>\n<\/ol>\n
- Raleway<\/li>\n<\/ol>\n
- Slabo 27px<\/li>\n<\/ol>\n
- Source Sans Pro<\/li>\n<\/ol>\n
- Oswald<\/li>\n<\/ol>\n
- Montserrat<\/li>\n<\/ol>\n
- Lato<\/li>\n<\/ol>\n
- Open Sans<\/li>\n<\/ol>\n
- Roboto<\/li>\n<\/ol>\n