{"id":310,"date":"2022-01-30T12:32:19","date_gmt":"2022-01-30T12:32:19","guid":{"rendered":"https:\/\/livre-et-design.fr\/?p=310"},"modified":"2022-01-30T12:32:19","modified_gmt":"2022-01-30T12:32:19","slug":"top-3-des-banques-de-typo-gratuites","status":"publish","type":"post","link":"https:\/\/livre-et-design.fr\/index.php\/2022\/01\/30\/top-3-des-banques-de-typo-gratuites\/","title":{"rendered":"Top 3 des banques de typo gratuites"},"content":{"rendered":"\n<p>O\u00f9 et comment t\u00e9l\u00e9charger des polices de caract\u00e8res ?<\/p>\n\n\n\n<p>Pour des cr\u00e9ations 100 % originale, vos polices de caract\u00e8res sont \u00e0 travailler.<strong> Je vous  livre ici mes sites pr\u00e9f\u00e9r\u00e9s et gratuits !<\/strong><br><br>Quelques rappels :<br>&#8211; typographie, famille\/police de caract\u00e8res : la typographie c&rsquo;est la cr\u00e9ation des lettres, de leur forme et de  leur alliance, mais aussi la technique d&rsquo;imprimerie avec des caract\u00e8res en plomb ! La famille de caract\u00e8re regroupe toutes les polices de caract\u00e8re d&rsquo;un m\u00eame style (ex : Arial est la famille, Arial Bold est une de ses polices de caract\u00e8re).<br>&#8211; Serif, sans serif, monospaced : en fran\u00e7ais, b\u00e2ton, empattement et chasse fixe font r\u00e9f\u00e9rence \u00e0 l&rsquo;anatomie des polices.<br>&#8211; v\u00e9rifier que la typo soient avec les accents et le sigle \u20ac<br>&#8211; Licence : comme pour les images, pensez bien \u00e0 v\u00e9rifier les autorisations avant tout t\u00e9l\u00e9chargement. <strong>Vous remarquerez que parfois les typo sont incompl\u00e8tes, la gratuit\u00e9 fait qu&rsquo;elles ne sont d\u00e9livr\u00e9s que partiellement. C&rsquo;est parfois limitant mais on s&rsquo;y fait.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-dafont\">1. Dafont<\/h2>\n\n\n\n<p><strong>Le site : <a rel=\"noreferrer noopener\" href=\"https:\/\/www.dafont.com\/fr\/\" data-type=\"URL\" data-id=\"https:\/\/www.dafont.com\/fr\/\" target=\"_blank\">Dafont<\/a><\/strong><br>Tr\u00e8s connu, vous y trouverez de belles brochettes de typographies. Des belles comme des tr\u00e8s laides (illisibles), mais moi j&rsquo;y trouve toujours mon bonheur !<br><br><strong>Pour trouver les typos gratuites, proc\u00e9dez ainsi :<br><\/strong><br>D&rsquo;abord choisissez une cat\u00e9gorie :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"226\" src=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont0-1-1024x226.png\" alt=\"\" class=\"wp-image-495\" srcset=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont0-1-1024x226.png 1024w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont0-1-300x66.png 300w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont0-1-768x170.png 768w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont0-1-1536x339.png 1536w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont0-1.png 1893w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Je vous conseille d&rsquo;aller dans les cat\u00e9gories Basique et Script o\u00f9 se trouvent les meilleures polices  selon mon exp\u00e9rience :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"156\" src=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont1.png\" alt=\"\" class=\"wp-image-491\" srcset=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont1.png 345w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont1-300x136.png 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/figure>\n<\/div>\n\n\n<p>Ensuite cliquez sur \u00ab\u00a0plus d&rsquo;option\u00a0\u00bb :<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"63\" data-id=\"496\" src=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-21.png\" alt=\"\" class=\"wp-image-496\" srcset=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-21.png 727w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-21-300x26.png 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Cochez les cases suivantes. Vous pouvez aussi \u00e9crire votre titre pour voir directement ce qu&rsquo;il rend sur le site !<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"104\" src=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-22.png\" alt=\"\" class=\"wp-image-497\" srcset=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-22.png 832w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-22-300x38.png 300w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/dafont-22-768x96.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/figure>\n\n\n\n<p><br><strong>Quelques typo que je vous conseille :<br><\/strong><a href=\"https:\/\/www.dafont.com\/fr\/caviar-dreams.font\" data-type=\"URL\" data-id=\"https:\/\/www.dafont.com\/fr\/caviar-dreams.font\">Caviar Dream<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.dafont.com\/fr\/bebas-neue.font\" data-type=\"URL\" data-id=\"https:\/\/www.dafont.com\/fr\/bebas-neue.font\" target=\"_blank\">Bebas Neue <\/a><br><a href=\"https:\/\/www.dafont.com\/fr\/free-pen.font?a=on&amp;e=on&amp;l[]=10&amp;l[]=1\" data-type=\"URL\" data-id=\"https:\/\/www.dafont.com\/fr\/free-pen.font?a=on&amp;e=on&amp;l[]=10&amp;l[]=1\" target=\"_blank\" rel=\"noreferrer noopener\">Free Pen<\/a><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-google-fonts\">2. Google Fonts<\/h2>\n\n\n\n<p><strong>Le site : <a href=\"https:\/\/fonts.google.com\/\" data-type=\"URL\" data-id=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Fonts<\/a><\/strong><\/p>\n\n\n\n<p>Il y a un grand choix de typographie et \u00e9videmment Google oblige elles sont toutes parfaitement exploitables pour vos sites web et affichages num\u00e9riques divers et vari\u00e9s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/google-fonts-1024x470.png\" alt=\"\" class=\"wp-image-502\" srcset=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/google-fonts-1024x470.png 1024w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/google-fonts-300x138.png 300w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/google-fonts-768x352.png 768w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/google-fonts-1536x705.png 1536w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/google-fonts.png 1650w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> <strong>Quelques typo que je vous conseille :<br><\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/fonts.google.com\/specimen\/Italiana?preview.text=Livre%20et%20Design&amp;preview.text_type=custom&amp;query=italiana\" data-type=\"URL\" data-id=\"https:\/\/fonts.google.com\/specimen\/Italiana?preview.text=Livre%20et%20Design&amp;preview.text_type=custom&amp;query=italiana\" target=\"_blank\">Italiana<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/fonts.google.com\/specimen\/Poppins?preview.text=Livre%20et%20Design&amp;preview.text_type=custom\" data-type=\"URL\" data-id=\"https:\/\/fonts.google.com\/specimen\/Poppins?preview.text=Livre%20et%20Design&amp;preview.text_type=custom\" target=\"_blank\">Poppins<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/fonts.google.com\/specimen\/Big+Shoulders+Stencil+Display?preview.text=Livre%20et%20Design&amp;preview.text_type=custom\" data-type=\"URL\" data-id=\"https:\/\/fonts.google.com\/specimen\/Big+Shoulders+Stencil+Display?preview.text=Livre%20et%20Design&amp;preview.text_type=custom\" target=\"_blank\">Big shoulders stencil display<\/a> (quel nom !)<br><br>Et une rigolote mais tr\u00e8s propre qui fait \u00ab\u00a0Tim Burton\u00a0\u00bb :<br><a href=\"https:\/\/fonts.google.com\/specimen\/Bigelow+Rules\" data-type=\"URL\" data-id=\"https:\/\/fonts.google.com\/specimen\/Bigelow+Rules\" target=\"_blank\" rel=\"noreferrer noopener\">Bigelow Rules<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-font-fabric\">3. Font Fabric<\/h2>\n\n\n\n<p><strong>Le site : <a href=\"https:\/\/www.awwwards.com\/awwwards\/collections\/free-fonts\/\" data-type=\"URL\" data-id=\"https:\/\/www.awwwards.com\/awwwards\/collections\/free-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Font Fabric<\/a><\/strong><\/p>\n\n\n\n<p>Il y a un peu moins de choix de typo gratuites, mais elles sont tr\u00e8s propres et certaines valent le d\u00e9tour !<br><br>Allez dans \u00ab\u00a0Browse Fonts\u00a0\u00bb puis cliquez sur \u00ab\u00a0Free fonts\u00a0\u00bb : <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/font-fabric1-1024x397.png\" alt=\"\" class=\"wp-image-509\" srcset=\"https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/font-fabric1-1024x397.png 1024w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/font-fabric1-300x116.png 300w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/font-fabric1-768x297.png 768w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/font-fabric1-1536x595.png 1536w, https:\/\/livre-et-design.fr\/wp-content\/uploads\/2022\/01\/font-fabric1.png 1877w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br>Quelques typo que je vous conseille :<\/strong> <br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.fontfabric.com\/fonts\/cheque\/\" data-type=\"URL\" data-id=\"https:\/\/www.fontfabric.com\/fonts\/cheque\/\" target=\"_blank\">Cheque<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.fontfabric.com\/fonts\/canaro\/\" data-type=\"URL\" data-id=\"https:\/\/www.fontfabric.com\/fonts\/canaro\/\" target=\"_blank\">Canaro<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.fontfabric.com\/fonts\/metropolis\/\" data-type=\"URL\" data-id=\"https:\/\/www.fontfabric.com\/fonts\/metropolis\/\" target=\"_blank\">Metropolis<\/a> (parfaite pour une ambiance Diesel Punk !)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bonus\">Bonus<\/h2>\n\n\n\n<p><strong>Le site : <a href=\"https:\/\/www.awwwards.com\/awwwards\/collections\/free-fonts\/\" data-type=\"URL\" data-id=\"https:\/\/www.awwwards.com\/awwwards\/collections\/free-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Awwwards<\/a><\/strong><\/p>\n\n\n\n<p>Tout d&rsquo;abord, sachez que le site Awwwards est l&rsquo;une des grosses r\u00e9f\u00e9rences en web design. Si vous cherchez des inspirations pour votre site web allez y faire un tour ! Mais ils ont aussi une cat\u00e9gorie remplie de superbes typographies. Ce n&rsquo;est pas hyper bien rang\u00e9, mais juste en me promenant, j&rsquo;en ai trouv\u00e9 des sympas et gratuites. \ud83d\ude09<br>Par exemple : <a rel=\"noreferrer noopener\" href=\"https:\/\/www.awwwards.com\/inspiration\/rockstar-display\" data-type=\"URL\" data-id=\"https:\/\/www.awwwards.com\/inspiration\/rockstar-display\" target=\"_blank\">Rockstar Display<\/a><\/p>\n\n\n\n<p><br><strong>Je vous ai partag\u00e9 ici mon top 3 mais il existe beaucoup d&rsquo;autres sites !<\/strong> Pour ma part, ce sont ceux list\u00e9s ci-dessus que j&rsquo;utilise depuis des ann\u00e9es, quasiment exclusivement.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#b04c42\"> <strong>N&rsquo;h\u00e9sitez pas \u00e0 partager vos typo pr\u00e9f\u00e9r\u00e9es ! <\/strong>\ud83d\udc47\ud83d\udc47\ud83d\udc47 <\/p>\n","protected":false},"excerpt":{"rendered":"<p>O\u00f9 et comment t\u00e9l\u00e9charger des polices de caract\u00e8res ? Pour des cr\u00e9ations 100 % originale, vos polices de caract\u00e8res sont \u00e0 travailler. Je vous livre &hellip; <\/p>\n","protected":false},"author":1,"featured_media":694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphisme","latest_post"],"_links":{"self":[{"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/posts\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":0,"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/posts\/310\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/media\/694"}],"wp:attachment":[{"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/media?parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/categories?post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/livre-et-design.fr\/index.php\/wp-json\/wp\/v2\/tags?post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}