{"id":5307,"date":"2018-02-06T10:30:21","date_gmt":"2018-02-06T09:30:21","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=5307"},"modified":"2025-08-20T17:22:40","modified_gmt":"2025-08-20T15:22:40","slug":"regles-typographie","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/regles-typographie\/","title":{"rendered":"15 r\u00e8gles d&#8217;or pour ma\u00eetriser la typographie"},"content":{"rendered":"<p>Dans la construction d&#8217;un visuel, le texte est bien souvent indissociable de l&#8217;image, m\u00eame s&#8217;il est pr\u00e9sent en faible quantit\u00e9.<\/p>\n<p>Pour des raisons d\u2019\u00e9quilibre, autant que de puissance de l\u2019image, vous devez consacrer autant de temps \u00e0 <a href=\"https:\/\/graphiste.com\/blog\/typographies-gratuites-2017\" target=\"_blank\" rel=\"noopener noreferrer\">la typographie<\/a> de ces quelques mots qu\u2019au recadrage et autres effets de filtres retenus.<\/p>\n<p>C&#8217;est pourquoi nous vous pr\u00e9sentons aujourd&#8217;hui 15 r\u00e8gles de typographie \u00e0 conna\u00eetre absolument.<\/p>\n<p>&nbsp;<\/p>\n<h2>1) Conna\u00eetre les polices de caract\u00e8re<\/h2>\n<p>Chaque <a href=\"https:\/\/graphiste.com\/blog\/combiner-polices-caractere\" target=\"_blank\" rel=\"noopener noreferrer\">police de caract\u00e8re<\/a> transmet un message particulier. Une typographie manuscrite n\u2019aura pas le m\u00eame effet qu\u2019un font plus massif, des mots qui semblent dactylographi\u00e9s avec une vieille machine \u00e0 \u00e9crire laisseront une impression diff\u00e9rente que s\u2019ils paraissent trac\u00e9s \u00e0 la craie\u2026<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15957\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/02\/une-graphiste-lettrine-typo.jpg\" alt=\"\" width=\"850\" height=\"423\" \/><\/p>\n<p>\u00c9tudiez les polices, pas seulement pour leur apparence, mais pour ce qu\u2019elles d\u00e9gagent. Et retenez celles qui correspondront au public et au type de sensation que vous souhaitez communiquer.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/conseils-lettrine\">Typographie&nbsp;: comment cr\u00e9er et utiliser une lettrine\u00a0?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>2) Limiter le nombre de polices utilis\u00e9es<\/h2>\n<p>La diversit\u00e9, c\u2019est une tr\u00e8s bonne chose. Mais pas pour la conception d\u2019un visuel.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15626\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/01\/font-police-typographie.png\" alt=\"\" width=\"610\" height=\"414\" \/><\/p>\n<p>Une police de caract\u00e8re pour le titre, une pour les sous-titres et une troisi\u00e8me pour le contenu, c\u2019est le maximum que vous pouvez vous autoriser.<\/p>\n<p><strong>Ne vous \u00e9parpillez pas trop\u00a0<\/strong>: les caract\u00e8res retenus doivent aussi <a href=\"https:\/\/graphiste.com\/blog\/combiner-polices-caractere\" target=\"_blank\" rel=\"noopener noreferrer\">s\u2019associer entre eux<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2>3) Doser soigneusement la couleur<\/h2>\n<p>M\u00e9fiez-vous de l\u2019effet arc-en-ciel\u00a0: <a href=\"https:\/\/graphiste.com\/blog\/comment-coordonner-couleurs\">trop de couleurs tue la couleur<\/a>. Retenez les couleurs qui ont \u00e9t\u00e9 s\u00e9lectionn\u00e9es pour le visuel et reprenez-les pour les textes.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-16041\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/01\/une-graphiste-identifier-outils-typographie-police-sur-image.jpg\" alt=\"\" width=\"850\" height=\"423\" \/><\/p>\n<p>Ou int\u00e9grez d\u00e8s le d\u00e9part dans la conception de votre projet la teinte qui sera appliqu\u00e9e aux lignes \u00e9crites en respectant toujours cette limite de deux \u00e0 trois valeurs diff\u00e9rentes, au maximum, pour un graphisme.<\/p>\n<p>&nbsp;<\/p>\n<h2>4) Aligner avec pr\u00e9cision<\/h2>\n<p>Savoir positionner un texte, c\u2019est aussi guider la lecture. Or, dans notre culture, nous avons appris \u00e0 lire de gauche \u00e0 droite. Un texte align\u00e9 \u00e0 gauche sera donc nettement plus facile \u00e0 parcourir.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15596\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/12\/good-timing-typographie-geek-moderne-gaming.jpg\" alt=\"\" width=\"650\" height=\"433\" \/><\/p>\n<p>Respectez le m\u00eame alignement pour toute la typographie d\u2019un document, sauf \u00e0 vouloir cr\u00e9er des blocs de texte ind\u00e9pendants les uns des autres.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/comment-choisir-typographie-infographie\">Comment choisir la typographie pour vos infographies&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>5) Placer les grands devant, les petits derri\u00e8re<\/h2>\n<p>Quelle que soit la mise en page, l\u2019\u0153il sera en premier attir\u00e9 par les parties de texte plus grandes, ou d\u2019une couleur diff\u00e9rente. Jouez avec les tailles pour capter l\u2019attention des lecteurs.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15245\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/12\/typographie-hoover-motion-animation-2020-e1575642848312.png\" alt=\"\" width=\"650\" height=\"289\" \/><\/p>\n<p>Il vous faudra s\u00e9lectionner le mot le plus important, celui qui sera mis en avant.\u00a0C\u2019est lui qui donnera envie de lire les autres\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<h2>6) Profiter des espaces vides<\/h2>\n<p>Le vide, sur un visuel, ce n\u2019est pas le n\u00e9ant, c\u2019est un cadre qui met en valeur ce qui est pr\u00e9sent\u00e9. Laissez respirer votre texte, ne le collez pas sur les bords de l\u2019image.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15137\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/typography-handmade-e1575035032488.jpg\" alt=\"\" width=\"650\" height=\"488\" \/><\/p>\n<p>Les interlignes, les lignes blanches, sont aussi importants dans la composition de la partie r\u00e9dig\u00e9e que le contenu lui-m\u00eame.<\/p>\n<p>&nbsp;<\/p>\n<h2>7) Suivre les tendances (ou pas)<\/h2>\n<p>Pour trouver l\u2019inspiration, il est bienvenu de regarder ce qui se fait autour de vous et d\u2019en tirer des le\u00e7ons.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-15162\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/02\/style-arty-pop-e1575292109538.jpeg\" alt=\"\" width=\"650\" height=\"366\" \/><\/p>\n<p>Vous observerez par exemple sur <a href=\"https:\/\/typeinspire.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Type Inspire<\/a> de nombreux exemples de polices ou de mises en page typographiques.<\/p>\n<p>Mais m\u00e9fiez-vous des modes\u00a0: elles peuvent passer tr\u00e8s vite et certaines \u00ab\u00a0tendances du jour\u00a0\u00bb seront d\u00e9j\u00e0 obsol\u00e8tes demain. Humez l\u2019air du temps, mais ne cherchez pas absolument \u00e0 le reproduire s\u2019il ne convient pas \u00e0 votre projet.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/tendances-typographiques-2021\">Les 12 tendances typographiques de 2020<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>8) Formez-vous<\/h2>\n<p class=\"Standard\">On ne s\u2019invente pas typographe du jour au lendemain. Si vous ne connaissez pas des termes comme \u00ab\u00a0sans serif\u00a0\u00bb, ligature ou lettrine, vous n\u2019irez pas tr\u00e8s loin dans ce domaine.<\/p>\n<p class=\"Standard\">\u00c9tudiez les diff\u00e9rents types de typographie, passez quelques jours \u00e0 <span style=\"color: windowtext;text-decoration: none\">apprendre un mini-glossaire<\/span> et \u00e0 voir ce qui se cr\u00e9e de nouveau dans ce domaine ne pourra que vous \u00eatre utile.<\/p>\n<p class=\"Standard\">Que vous souhaitiez cr\u00e9er des typographies ou utiliser les existantes, d\u2019ailleurs.<\/p>\n<p>&nbsp;<\/p>\n<h2>9) Rangez vos typographies en fonction de vos projets<\/h2>\n<p class=\"Standard\">Toutes les soci\u00e9t\u00e9s ne communiquent pas de la m\u00eame mani\u00e8re, ni ne s\u2019adressent aux m\u00eames personnes. Une police manuscrite sera peut-\u00eatre plus adapt\u00e9e pour un public familial que pour les clients d\u2019une banque d\u2019affaires.<\/p>\n<p class=\"Standard\">Vous pouvez tester plusieurs typographies pour v\u00e9rifier l\u2019impression qu\u2019elles laissent mais vous gagnerez du temps en r\u00e9servant les plus fantaisistes aux projets qui le sont aussi.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:<a href=\"https:\/\/graphiste.com\/blog\/email-typographie-regles\"> Email et typographie&nbsp;: 5 r\u00e8gles \u00e0 respecter<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>10) Ne vous \u00e9parpillez pas trop<\/h2>\n<p class=\"Standard\">Associer des typographies est un art compliqu\u00e9. Ce n\u2019est pas pour rien que vous trouverez sur Internet de nombreuses <a href=\"https:\/\/fontpair.co\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color: windowtext;text-decoration: none\">listes de typographies \u00e0 associer <\/span><\/a>ensemble, y compris <a href=\"http:\/\/www.typeconnection.com\/index.php\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color: windowtext;text-decoration: none\">sous forme de jeu<\/span><\/a>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14682\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/taille-effet-texte-affiche-e1573221592451.png\" alt=\"\" width=\"650\" height=\"436\" \/><\/p>\n<p class=\"Standard\">Dans tous les cas, vous constaterez que les polices de caract\u00e8re pr\u00e9sent\u00e9es vont toujours par deux. Parce qu\u2019au-del\u00e0, vous perdrez en lisibilit\u00e9 et en coh\u00e9rence.<\/p>\n<p class=\"Standard\">Limitez le nombre de typographies sur vos documents, m\u00eame s\u2019ils comportent plusieurs pages. Votre sobri\u00e9t\u00e9 sera r\u00e9compens\u00e9e\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<h2>11) Utilisez des chiffres dans vos lettres<\/h2>\n<p class=\"Standard\">La typographie, ce n\u2019est pas uniquement un choix de police. C\u2019est aussi un \u00e9cartement entre les lettres, un alignement, un espacement entre les lignes et m\u00eame des hauteurs de caract\u00e8res.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-13424\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/5a941c75487037.5c4e7b1893091-e1569400112720.jpg\" alt=\"morena typographie gratuite pour la mode fusion luxe\" width=\"506\" height=\"650\" \/><\/p>\n<p class=\"Standard\">Vous n\u2019\u00eates pas oblig\u00e9 de vous limiter aux donn\u00e9es qui sont automatiquement calcul\u00e9es par vos logiciels de traitement de texte ou d\u2019image. V\u00e9rifiez, de tr\u00e8s pr\u00e8s, que les chiffres choisis sont ceux qui mettent le plus en valeur vos mots.<\/p>\n<p class=\"Standard\">Et n\u2019oubliez surtout pas que les espaces blancs sont tout aussi parlants que les mots \u00e9crits.<\/p>\n<p>&nbsp;<\/p>\n<h2>12) Alignez-vous sur les grilles<\/h2>\n<p class=\"Standard\">Vous allez composer vos textes comme des images. Ce qui implique que vos mots soient align\u00e9s de mani\u00e8re pr\u00e9cise, entre eux, mais aussi par rapport aux diff\u00e9rents \u00e9l\u00e9ments visuels, comme les illustrations.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-8879\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/11\/utilisation-grille-logo.jpg\" alt=\"\" width=\"600\" height=\"373\" \/><\/p>\n<p class=\"Standard\">Des grilles vous aideront \u00e0 v\u00e9rifier cet alignement, si pr\u00e9cieux pour que l\u2019ensemble de votre projet apparaisse coh\u00e9rent.<\/p>\n<blockquote><p>Lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/utiliser-grilles-graphisme\" target=\"_blank\" rel=\"noopener noreferrer\">8 raisons d\u2019utiliser des grilles pour vos cr\u00e9ations graphiques<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>13) Prenez soin de la hi\u00e9rarchie<\/h2>\n<p class=\"Standard\">Vous allez diriger l\u2019\u0153il de ceux qui liront votre texte. Et les y aider avec des titres bien diff\u00e9renci\u00e9s ou des mots mis en \u00e9vidence.<\/p>\n<p class=\"Standard\">Vous aurez un certain nombre d\u2019atouts dans votre encrier, du caract\u00e8re gras \u00e0 celui dont vous augmenterez la taille. En passant \u00e9galement par la couleur.<\/p>\n<p class=\"Standard\">Un texte n\u2019est pas qu\u2019un rectangle plat et sans relief. La typographie, c\u2019est aussi de la mise en page.<\/p>\n<p>&nbsp;<\/p>\n<h2>14) Respectez les r\u00e8gles<\/h2>\n<p class=\"Standard\">Les r\u00e8gles, ce sont celles-ci mais aussi celles de la grammaire, de l\u2019orthographe\u2026 Et celles sp\u00e9cifiquement li\u00e9es au monde de la typographie.<\/p>\n<p class=\"Standard\">Comme le fait de ne pas laisser en fin de phrase de veuves et d\u2019orphelins, c\u2019est-\u00e0-dire de lignes et de mots isol\u00e9s \u00e0 la fin d\u2019un paragraphe. Plus quelques conseils qui am\u00e9liorent la lisibilit\u00e9, comme le fait de lier ensemble un d\u00e9terminant et le mot qu\u2019il caract\u00e9rise (pas de \u00ab\u00a0le\u00a0\u00bb tout seul en fin de ligne).<\/p>\n<p>&nbsp;<\/p>\n<h2>15) V\u00e9rifiez votre orthographe<\/h2>\n<p>Vous pouvez choisir votre typographie avec soin, composer une mise en page \u00e9blouissante\u2026 Mais si votre texte comporte des fautes d\u2019orthographe ou de grammaire, tout votre travail sera irr\u00e9m\u00e9diablement g\u00e2ch\u00e9.<\/p>\n<p>Ne regardez pas uniquement l\u2019effet g\u00e9n\u00e9ral\u00a0: relisez-vous pour que tout soit parfait dans les moindres d\u00e9tails.\u00a0Mieux encore\u00a0: faites-vous relire (on est souvent aveugle \u00e0 ses propres d\u00e9fauts, comme \u00e0 ses propres erreurs).<\/p>\n<blockquote><p>Lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/choisir-typographie-packaging\">3 conseils pour choisir la typographie de votre packaging<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Dans la construction d&#8217;un visuel, le texte est bien souvent indissociable de l&#8217;image, m\u00eame s&#8217;il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons d\u2019\u00e9quilibre, autant que de puissance de l\u2019image, vous devez consacrer autant de temps \u00e0 la typographie de ces quelques mots qu\u2019au recadrage et autres effets de filtres retenus. C&#8217;est pourquoi nous vous [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5311,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[22],"tags":[],"class_list":["post-5307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typographie"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>15 r\u00e8gles d&#039;or pour ma\u00eetriser la typographie - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Dans la construction d&#039;un visuel, le texte est bien souvent indissociable de l&#039;image, m\u00eame s&#039;il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/regles-typographie\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 r\u00e8gles d&#039;or pour ma\u00eetriser la typographie - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Dans la construction d&#039;un visuel, le texte est bien souvent indissociable de l&#039;image, m\u00eame s&#039;il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/regles-typographie\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-06T09:30:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:22:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"15 r\u00e8gles d&#8217;or pour ma\u00eetriser la typographie\",\"datePublished\":\"2018-02-06T09:30:21+00:00\",\"dateModified\":\"2025-08-20T15:22:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/\"},\"wordCount\":1325,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg\",\"articleSection\":[\"Typographie\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/regles-typographie\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/\",\"url\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/\",\"name\":\"15 r\u00e8gles d'or pour ma\u00eetriser la typographie - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg\",\"datePublished\":\"2018-02-06T09:30:21+00:00\",\"dateModified\":\"2025-08-20T15:22:40+00:00\",\"description\":\"Dans la construction d'un visuel, le texte est bien souvent indissociable de l'image, m\u00eame s'il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/regles-typographie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"r\u00e8gles d'or de la typographie\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-typographie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Branding\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typographie\",\"item\":\"https:\/\/graphiste.com\/blog\/branding\/typographie\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"15 r\u00e8gles d&#8217;or pour ma\u00eetriser la typographie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"15 r\u00e8gles d'or pour ma\u00eetriser la typographie - Graphiste Blog","description":"Dans la construction d'un visuel, le texte est bien souvent indissociable de l'image, m\u00eame s'il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/regles-typographie\/","og_locale":"fr_FR","og_type":"article","og_title":"15 r\u00e8gles d'or pour ma\u00eetriser la typographie - Graphiste Blog","og_description":"Dans la construction d'un visuel, le texte est bien souvent indissociable de l'image, m\u00eame s'il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons","og_url":"https:\/\/graphiste.com\/blog\/regles-typographie\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2018-02-06T09:30:21+00:00","article_modified_time":"2025-08-20T15:22:40+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"15 r\u00e8gles d&#8217;or pour ma\u00eetriser la typographie","datePublished":"2018-02-06T09:30:21+00:00","dateModified":"2025-08-20T15:22:40+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/"},"wordCount":1325,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg","articleSection":["Typographie"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/regles-typographie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/","url":"https:\/\/graphiste.com\/blog\/regles-typographie\/","name":"15 r\u00e8gles d'or pour ma\u00eetriser la typographie - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg","datePublished":"2018-02-06T09:30:21+00:00","dateModified":"2025-08-20T15:22:40+00:00","description":"Dans la construction d'un visuel, le texte est bien souvent indissociable de l'image, m\u00eame s'il est pr\u00e9sent en faible quantit\u00e9. Pour des raisons","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/regles-typographie\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/02\/regles-or-typographie-1.jpg","width":850,"height":423,"caption":"r\u00e8gles d'or de la typographie"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/regles-typographie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Branding","item":"https:\/\/graphiste.com\/blog\/branding\/"},{"@type":"ListItem","position":3,"name":"Typographie","item":"https:\/\/graphiste.com\/blog\/branding\/typographie\/"},{"@type":"ListItem","position":4,"name":"15 r\u00e8gles d&#8217;or pour ma\u00eetriser la typographie"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/5307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=5307"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/5307\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/5311"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=5307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=5307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=5307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}