{"id":251379,"date":"2023-03-26T11:49:00","date_gmt":"2023-03-26T08:49:00","guid":{"rendered":"https:\/\/inform.click\/15-des-meilleurs-outils-de-typographie-gratuits-pour-les-concepteurs\/"},"modified":"2023-03-26T11:49:00","modified_gmt":"2023-03-26T08:49:00","slug":"15-des-meilleurs-outils-de-typographie-gratuits-pour-les-concepteurs","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/15-des-meilleurs-outils-de-typographie-gratuits-pour-les-concepteurs\/","title":{"rendered":"15 des meilleurs outils de typographie gratuits pour les concepteurs"},"content":{"rendered":"<p>\n  La typographie signifie simplement ajuster l&rsquo;apparence, le style et la disposition d&rsquo;un texte dans un design ou un site Web. Cela ne se limite pas seulement \u00e0 la police que vous utilisez, mais \u00e9galement \u00e0 la longueur du contenu, \u00e0 la taille du texte et \u00e0 son style.\n<\/p>\n<p>\n  Afin de cr\u00e9er un contenu puissant, l&rsquo;accent doit \u00eatre mis sur la typographie. Il aide \u00e0 pr\u00e9server la valeur esth\u00e9tique de votre contenu et lui donne une apparence attrayante. La typographie est un art en soi qui donne le ton \u00e0 votre site Web, pr\u00e9sente les informations de mani\u00e8re professionnelle et garantit une excellente exp\u00e9rience utilisateur.\n<\/p>\n<p>\n  Chaque concepteur doit comprendre \u00e0 quel point la typographie est importante et, en m\u00eame temps, profiter de l&rsquo;utilisation de certains outils de typographie qui vous feront gagner du temps, vous \u00e9viteront d&rsquo;utiliser les m\u00eames anciennes polices et, surtout, \u00e9tabliront une convivialit\u00e9 et des conceptions pour les sites Web. .\n<\/p>\n<p>\n  Parcourez ces outils de typographie gratuits que j&rsquo;ai \u00e9num\u00e9r\u00e9s ci-dessous et tirez-en le meilleur parti:\n<\/p>\n<h5>\n  1 FontFace Ninja<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontface.ninja\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  FontFace Ninja est une extension de navigateur gratuite permettant d&rsquo;acheter, de mettre en signet, d&rsquo;essayer et d&rsquo;inspecter toutes les polices sur n&rsquo;importe quel site Web. Vous pouvez essayer n&rsquo;importe quelle police sans m\u00eame quitter le site Web sur lequel vous naviguez. Des polices gratuites sont disponibles avec un lien de t\u00e9l\u00e9chargement, cependant, si vous aimez une police et que vous souhaitez l&rsquo;acheter, vous obtenez m\u00eame un lien pour choisir et acheter parmi plus de 30 000 polices. Obtenez le nom, la hauteur de ligne, l&rsquo;espacement des lettres, la couleur et la taille de n&rsquo;importe quelle police en la survolant. Une nouvelle fonctionnalit\u00e9 de mise en signet de toute police que vous rencontrez sur un site Web sera \u00e9galement bient\u00f4t disponible.\n<\/p>\n<h5>\n  2 calligraphe<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.calligraphr.com\/en\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-6383219e6c42e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Transformez la calligraphie ou votre \u00e9criture manuscrite en police avec Calligraphr. Avec lui, vous pouvez cr\u00e9er votre propre police rapidement et facilement. Avoir vos propres polices vous permet de cr\u00e9er des illustrations calligraphiques et de v\u00e9ritables conceptions personnelles. Tout ce que vous avez \u00e0 faire est de remplir le mod\u00e8le, d&rsquo;obtenir une vraie police de votre \u00e9criture et d&rsquo;\u00eatre cr\u00e9atif !<br \/>\n  Traits:\n<\/p>\n<ul>\n<li>Randomisation des personnages\n  <\/li>\n<li>Fichiers de polices standards\n  <\/li>\n<li>Ligatures\n  <\/li>\n<li>Stockage persistant\n  <\/li>\n<li>Modifier les caract\u00e8res apr\u00e8s la num\u00e9risation\n  <\/li>\n<li>Mod\u00e8les personnalisables\n  <\/li>\n<\/ul>\n<h5>\n  3 types de p\u00e9pite<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.typenugget.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a132975.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Type Nugget est un outil de composition enti\u00e8rement r\u00e9actif qui g\u00e9n\u00e8re un CSS compatible avec le navigateur, s\u00e9mantiquement solide, accessible et maintenable que vous pouvez inclure dans votre site. Il vous permet de g\u00e9n\u00e9rer et de composer un CSS magnifique et \u00e0 l&rsquo;\u00e9preuve des balles dans le navigateur. Il vous donne un contr\u00f4le pr\u00e9cis gr\u00e2ce \u00e0 une interface utilisateur agr\u00e9able sur une base robuste pour le type de site Web hella fine.\n<\/p>\n<h5>\n  4 polices Google<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a48b968.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Google Fonts vous permet de rendre le Web ouvert, rapide et plus beau gr\u00e2ce \u00e0 une excellente typographie. Il vous offre un r\u00e9pertoire robuste et intuitif de polices Web open source de concepteur. Avec le vaste catalogue de Google Fonts, vous pouvez int\u00e9grer et partager la typographie de mani\u00e8re transparente dans n&rsquo;importe quel design, o\u00f9 que vous soyez dans le monde. Le r\u00e9pertoire de polices se compose de polices dans plus de 135 langues et est libre d&rsquo;utilisation. Il s&rsquo;occupe des licences et de l&rsquo;h\u00e9bergement et garantit que la version la plus r\u00e9cente et la plus r\u00e9cente d&rsquo;une police est disponible pour les utilisateurs.\n<\/p>\n<h5>\n  5 Typekit Pratique<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/practice.typekit.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a955064.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Typekit Practice est une collection de ressources. C&rsquo;est un endroit pour rester vif, essayer des choses et perfectionner vos comp\u00e9tences. Il permet \u00e0 chacun de pratiquer la typographie dessus, que vous soyez un expert ou un novice. Parcourez des r\u00e9f\u00e9rences utiles telles que des conseils sur la hi\u00e9rarchie de la typographie, utilisez des nuances pour un accent accrocheur, ou m\u00eame utilisez la biblioth\u00e8que de livres recommand\u00e9s sur le design et la typographie.\n<\/p>\n<h5>\n  6 prototype<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.prototypo.io\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321acd5a96.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Prototypo vous permet de cr\u00e9er des variations de police illimit\u00e9es en quelques balayages seulement. De A \u00e0 Z, modifiez chaque lettre, en temps r\u00e9el. Prototypo rend la typographie plus accessible que jamais. Vous pouvez effectuer des ajustements de conception dans un mode WYSIWYG intuitif et voir les changements instantan\u00e9ment dans tous les ensembles de glyphes. Il vous permet de personnaliser intuitivement la forme de base des signes diacritiques, empattements, lettres et autres petits d\u00e9tails. Visualisez n&rsquo;importe quelle police en temps r\u00e9el sur n&rsquo;importe quel site Web avec l&rsquo;extension Web gratuite de Prototypo. Les polices de Prototypo sont sous licence Creative Commons 0.\n<\/p>\n<h5>\n  7 Amoureux de la grille<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.gridlover.net\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b0cef28.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Gridlover vous aide \u00e0 \u00e9tablir un syst\u00e8me typographique avec un rythme vertical et une \u00e9chelle modulaire. Jouez avec la hauteur de ligne, les curseurs de facteur d&rsquo;\u00e9chelle et la taille de la police et voyez la danse de la typographie. L&rsquo;application se charge m\u00eame plus rapidement qu&rsquo;une vid\u00e9o de d\u00e9monstration.\n<\/p>\n<h5>\n  8 polices mixtes<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/betapage.co\/startup\/mixfont\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b416766.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Mixfont est un g\u00e9n\u00e9rateur de polices moderne. C&rsquo;est une fa\u00e7on simple et amusante de visualiser et de d\u00e9couvrir de nouvelles polices. Il vous aide \u00e0 trouver une police parfaite pour chaque projet. Que ce soit pour un papier, une carte de v\u0153ux ou m\u00eame pour votre site Web, Mixfont met la bonne inspiration de police \u00e0 port\u00e9e de main. Plus de 1 000 polices uniques sont disponibles dans 132 langues avec plus de 600 000 appariements. C&rsquo;est en effet un moyen simple et amusant de g\u00e9n\u00e9rer des associations de polices amusantes.\n<\/p>\n<h5>\n  9 combinaisons de polices Canva<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.canva.com\/font-combinations\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b722a21.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Canva Font Combinations facilite la typographie en vous aidant \u00e0 trouver une combinaison de polices adapt\u00e9e \u00e0 vos besoins de conception. Il s&rsquo;inspire du Web. Lorsque vous s\u00e9lectionnez initialement une police, l&rsquo;outil s\u00e9lectionne un ensemble d&rsquo;\u00e9chantillons correspondants et de captures d&rsquo;\u00e9cran de correspondances possibles comme preuve. Ce n&rsquo;est peut-\u00eatre pas n\u00e9cessairement ce qui vous vient \u00e0 l&rsquo;esprit en premier, mais cela vous donnera certainement une direction et une id\u00e9e pour une utilisation future.\n<\/p>\n<h5>\n  10 Font Joy<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontjoy.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b9be121.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FontJoy simplifie l&rsquo;appariement des polices. Il g\u00e9n\u00e8re des combinaisons de polices avec des apprentissages approfondis. Le texte dessus est modifiable et vous pouvez le remplacer par le nom de votre entreprise. Vous pouvez cr\u00e9er de nouvelles paires de polices, les modifier et les s\u00e9lectionner manuellement, et verrouiller les polices que vous souhaitez conserver. FontJoy applique l&rsquo;apprentissage automatique \u00e0 l&rsquo;appariement des polices. Il trouve des polices de caract\u00e8res compl\u00e9mentaires et contrast\u00e9es pour produire de belles combinaisons inattendues. Que vous soyez un passionn\u00e9 de typographie, un d\u00e9butant ou un v\u00e9t\u00e9ran du design, vous vous amuserez s\u00fbrement \u00e0 jouer avec les combinaisons de polices du corps du texte, de l&rsquo;introduction et du titre.\n<\/p>\n<h5>\n  11 Structure de police<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontstruct.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321bca7bc4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Fontstruct est un outil facile \u00e0 utiliser et gratuit qui vous permet de t\u00e9l\u00e9charger, de cr\u00e9er et de partager des polices. Avec lui, vous pouvez facilement cr\u00e9er des polices en utilisant des formes g\u00e9om\u00e9triques. Une fois que vous avez cr\u00e9\u00e9 les polices, Fontstruct g\u00e9n\u00e8re des polices TrueType que vous pouvez t\u00e9l\u00e9charger et utiliser dans n&rsquo;importe quelle application Windows ou Mac. Vous pouvez soit partager vos cr\u00e9ations sur FontStructions, soit choisir de les garder priv\u00e9es. Les polices que vous cr\u00e9ez \u00e0 partir de FontStruct sont dispos\u00e9es selon un motif de grille comme des briques ou des tuiles.\n<\/p>\n<h5>\n  12 Associer et comparer<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/betapage.co\/startup\/pair-compare-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c0ba254.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Pair & Compare vous permet de trouver facilement et en douceur les meilleures paires de polices et polices pour votre prochain projet. Il s&rsquo;agit d&rsquo;une application Web dans laquelle vous pouvez essayer toutes les polices Google sur votre texte en un seul clic sans m\u00eame en installer ou en t\u00e9l\u00e9charger aucune, sans changer de navigateur ou de Windows, sans modifier ni ajouter de balises de lien HTML, sans copier ni coller. noms de police, et sans tracas. Vous pouvez \u00e9galement comparer des paires de polices et des polices sur la m\u00eame page. Il est gratuit et vous permet de contr\u00f4ler de nombreux param\u00e8tres tels que la couleur de la police, la couleur d&rsquo;arri\u00e8re-plan, la taille de la police, la largeur du texte et la hauteur des lignes de mani\u00e8re fluide et rapide.\n<\/p>\n<h5>\n  13 Convertisseur de polices en ligne<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/onlinefontconverter.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c429639.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Online Font Converter est un service 100% gratuit. Vous pouvez convertir des polices de\/vers: pdf, dfont, eot, otf, pfb, tfm, pfm, suit, svg, ttf, pfa, bin, pt3, ps, t42, cff, afm, ttc, woff. Il a une API simple qui n&rsquo;a aucun co\u00fbt et est assez facile \u00e0 utiliser. Il est disponible en open source sur GitHub.\n<\/p>\n<h5>\n  14 Vos polices<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.yourfonts.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c87644c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  YourFonts est un g\u00e9n\u00e9rateur de polices en ligne \u00e0 l&rsquo;aide duquel vous pouvez cr\u00e9er vos propres polices OpenType en quelques minutes seulement. Faire de votre \u00e9criture une police n&rsquo;a jamais \u00e9t\u00e9 aussi simple! Vous pouvez cr\u00e9er des polices avec plus de 200 caract\u00e8res, les pr\u00e9visualiser gratuitement, cr\u00e9er autant de polices que vous le souhaitez, utiliser vos polices sur Linux, Mac OS, Windows, utiliser des polices dans Powerpoint, MS Word et tous les autres programmes que vous poss\u00e9dez, etc. de nombreuses autres fonctionnalit\u00e9s. YourFonts poss\u00e8de l&rsquo;algorithme de conversion raster en vecteur le plus avanc\u00e9 et vous permet \u00e9galement de t\u00e9l\u00e9charger de grands mod\u00e8les. Num\u00e9riser votre \u00e9criture manuscrite est vraiment amusant. Essayez de cr\u00e9er votre propre police sur YourFonts d\u00e8s aujourd&rsquo;hui.\n<\/p>\n<h5>\n  15 FontFriend<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/somadesign.ca\/projects\/fontfriend\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321ccc1ec7.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FontFriend est un bookmarklet pour les concepteurs de sites Web obs\u00e9d\u00e9s par la typographie. Il vous permet de v\u00e9rifier rapidement les polices et les styles de police dans votre navigateur sans m\u00eame rafra\u00eechir les pages ou modifier le code. C&rsquo;est un compagnon id\u00e9al pour cr\u00e9er des piles de polices CSS. Pour commencer, il vous suffit de faire glisser le lien \u00ab\u00a0FontFriend\u00a0\u00bb vers la barre d&rsquo;outils de votre navigateur et de commencer \u00e0 utiliser sa nouvelle version.\n<\/p>\n<p>\n  J&rsquo;esp\u00e8re que ces outils vous aideront d&rsquo;une mani\u00e8re ou d&rsquo;une autre. Utilisez-les pour faire un choix intelligent de s\u00e9lection de polices et aussi pour tirer le meilleur parti de votre temps. Je sais qu&rsquo;il me reste tellement d&rsquo;autres outils de typographie incroyables. Mentionnez ceux que vous aimez et utilisez le plus dans la section des commentaires ci-dessous, ainsi que tout autre outil de typographie que vous connaissez. J&rsquo;esp\u00e8re que la curation a aid\u00e9!\n<\/p>\n<p>\n  Soyez cr\u00e9atif et amusez-vous!\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Source d&rsquo;enregistrement: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/09\/24\/best-free-typography-tools\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La typographie signifie simplement ajuster l&rsquo;apparence, le style et la disposition d&rsquo;un texte dans un design ou un site Web. Cela ne se limite pas seulement \u00e0 la police que vous utilisez, mais \u00e9galement \u00e0 la longueur du contenu, \u00e0 la taille du texte et \u00e0 son style. Afin de cr\u00e9er un contenu puissant, l&rsquo;accent doit \u00eatre mis sur la typographie. Il aide \u00e0 pr\u00e9server la valeur esth\u00e9tique de votre contenu et lui donne une apparence attrayante. La typographie est un art en soi qui donne le ton \u00e0 votre site Web, pr\u00e9sente les informations de mani\u00e8re professionnelle et garantit une excellente exp\u00e9rience utilisateur. Chaque cr\u00e9ateur\u2026<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[392,197,353,54],"tags":[],"class_list":["post-251379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conception","category-creation-de-sites-web","category-divertissement","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251379"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251379\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}