{"id":13028,"date":"2019-09-16T10:50:40","date_gmt":"2019-09-16T08:50:40","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=13028"},"modified":"2025-08-20T17:23:34","modified_gmt":"2025-08-20T15:23:34","slug":"questions-typographie-variable","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/","title":{"rendered":"Web design\u00a0: 3 questions sur la typographie variable"},"content":{"rendered":"<p>La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de <a href=\"https:\/\/graphiste.com\/blog\/justifier-choix-typographique\">la typographie<\/a> pour le d\u00e9veloppement Web.<\/p>\n<p>Mais pourquoi, et comment la mettre en place, c\u2019est ce que nous allons d\u00e9velopper dans cet article.<\/p>\n<h2>1. \u00c0 quoi sert la typographie variable&nbsp;?<\/h2>\n<p>Lorsque l\u2019on code un site internet, pour chaque variante d\u2019une <a href=\"https:\/\/graphiste.com\/blog\/conseils-lettrine\">typographie<\/a> choisie (italique, gras, taille plus ou moins grande), il faut g\u00e9n\u00e9rer un fichier diff\u00e9rent. Ce qui ralentit le t\u00e9l\u00e9chargement d\u2019une page Web, qui va devoir appeler tous ces fichiers de police.<\/p>\n<figure id=\"attachment_13036\" aria-describedby=\"caption-attachment-13036\" style=\"width: 480px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13036 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/illustrator.gif\" alt=\"gif image police typographie variable\" width=\"480\" height=\"398\" \/><figcaption id=\"caption-attachment-13036\" class=\"wp-caption-text\"><a href=\"https:\/\/glyphsapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Source Glyphsapp<\/a><\/figcaption><\/figure>\n<p>Les typographies variables permettent de regrouper toutes les combinaisons d\u2019une police dans un seul fichier, et donc d\u2019acc\u00e9l\u00e9rer la vitesse de chargement d\u2019une page.<\/p>\n<p>Ce proc\u00e9d\u00e9 permet aussi de s\u2019assurer que l\u2019affichage d\u2019un texte soit <a href=\"https:\/\/graphiste.com\/blog\/unites-mesure-css\">responsive<\/a>, en le rendant automatiquement adaptable \u00e0 tous les \u00e9crans.<\/p>\n<blockquote><p>Apprenez \u00e0 <a href=\"https:\/\/www.codeur.com\/tuto\/css\/police-taille-couleur-epaisseur-alignement-texte-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">g\u00e9rer ces \u00e9l\u00e9ments avec du CSS gr\u00e2ce \u00e0 ce tutoriel<\/a>.<\/p><\/blockquote>\n<h2>2. Tout le monde peut-il utiliser la typographie variable&nbsp;?<\/h2>\n<p>Face aux avantages qu\u2019elle repr\u00e9sente, il est logique de se demander pourquoi la <a href=\"https:\/\/graphiste.com\/blog\/outils-identifier-typographie-sur-image\">typographie<\/a> variable n\u2019est pas encore utilis\u00e9e automatiquement par tous les d\u00e9veloppeurs Web.<\/p>\n<p><strong>Pourquoi se priver d\u2019une telle avanc\u00e9e technologique&nbsp;?<\/strong><\/p>\n<p>Tout simplement parce qu\u2019elle n\u2019est pas encore <strong>efficace<\/strong> pour tous les syst\u00e8mes d\u2019exploitation.<\/p>\n<figure id=\"attachment_13039\" aria-describedby=\"caption-attachment-13039\" style=\"width: 908px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13039 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/wind-variable-demo-edited-cropped.gif\" alt=\"ypographie variable pour graphiste freelance\" width=\"908\" height=\"343\" \/><figcaption id=\"caption-attachment-13039\" class=\"wp-caption-text\">Source&nbsp;:<a href=\"https:\/\/www.pixartprinting.fr\/blog\/typographie-generative-polices-variables\/\" target=\"_blank\" rel=\"noopener noreferrer\"> PixartPrinting<\/a><\/figcaption><\/figure>\n<p>Ainsi, pour GNU\/Linux, la version la plus r\u00e9cente de Linux Freetype est requise. En ce qui concerne macOS, seules les versions <strong>post\u00e9rieures \u00e0 10.13<\/strong> prennent en charge les <strong>polices variables.<\/strong><\/p>\n<p>C\u2019est donc une technique qui est encore en plein d\u00e9veloppement, et qui ne pourra pas \u00eatre mise en place partout tout de suite. Afin d\u2019\u00e9viter les diff\u00e9rences entre les navigateurs, il reste encore utile de charger les fichiers correspondant \u00e0 chaque variation de police.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/tendances-typographiques-2022\">26 tendances typographiques pour 2022<\/a><\/p><\/blockquote>\n<h2>3. Comment mettre en place les typographies variables&nbsp;?<\/h2>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_13040\" aria-describedby=\"caption-attachment-13040\" style=\"width: 794px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13040 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/axispraxis.gif\" alt=\"ypographie variable pour graphiste freelance exemple\" width=\"794\" height=\"242\" \/><figcaption id=\"caption-attachment-13040\" class=\"wp-caption-text\">Source <a href=\"https:\/\/glyphsapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Glyphsapp<\/a><\/figcaption><\/figure>\n<p>Le CSS permet d\u2019acc\u00e9der \u00e0 l\u2019ensemble des variations d\u2019une police en utilisant la r\u00e9f\u00e9rence <em>@font-face<\/em>, qui permet de d\u00e9finir les polices d\u2019\u00e9criture \u00e0 utiliser pour afficher le texte de pages Web.<\/p>\n<p>Il ne devient alors plus n\u00e9cessaire de d\u00e9pendre uniquement des polices install\u00e9es sur les postes des utilisateurs.<\/p>\n<p>Les premi\u00e8res polices de caract\u00e8re variables, les plus connues, \u00e9taient <strong>Skia et San Francisco<\/strong> d\u2019Apple. Aujourd\u2019hui, vous trouverez diff\u00e9rentes typographies variables \u00e0 utiliser sur des sites comme <a href=\"https:\/\/v-fonts.com\" target=\"_blank\" rel=\"noopener noreferrer\">Variable Fonts <\/a><strong>ou <\/strong><a href=\"http:\/\/www.very-able-fonts.com\">Very able fonts<\/a>.<\/p>\n<figure id=\"attachment_13042\" aria-describedby=\"caption-attachment-13042\" style=\"width: 700px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13042 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/typographie-v-font-generative-variable-e1568193175914.jpg\" alt=\"typographie generative variable caract\u00e8re exemple site freelance\" width=\"700\" height=\"241\" \/><figcaption id=\"caption-attachment-13042\" class=\"wp-caption-text\"><em>Variable Fonts<\/em><\/figcaption><\/figure>\n<p>Techniquement, le concept le plus important pour les polices variables est celui d\u2019axe de variation. Il d\u00e9crit l\u2019intervalle qui permettra de faire varier l\u2019aspect d\u2019une police.<\/p>\n<p>Par exemple, <strong>l\u2019axe de la graisse<\/strong> d\u00e9crit l\u2019\u00e9tendue entre les caract\u00e8res les plus fins et les plus gras. Un axe peut \u00eatre un intervalle <em>(entre 1 et 999)<\/em> ou un choix binaire.<\/p>\n<p><strong>Les principaux axes utilis\u00e9s seront&nbsp;:<\/strong><\/p>\n<ul>\n<li><strong>le corps<\/strong> (weigh)&nbsp;: repr\u00e9sent\u00e9 par l\u2019\u00e9tiquette wght, il d\u00e9finit l\u2019\u00e9paisseur des traits formants les caract\u00e8res.<\/li>\n<li><strong>La largeur<\/strong> (width)&nbsp;: mentionn\u00e9e sous l\u2019\u00e9tiquette wdth, elle pr\u00e9cise l\u2019axe selon lequel les caract\u00e8res seront plus ou moins \u00e9troits ou larges.<\/li>\n<li><strong>l\u2019italique<\/strong> (ital)&nbsp;: activ\u00e9 ou non.<\/li>\n<li><strong>La pente<\/strong> (slant)&nbsp;: qui applique une pente sur les caract\u00e8res, assez proche de l\u2019italique, et plus variable.<\/li>\n<\/ul>\n<p>Comme avant, le CSS devra syst\u00e9matiquement expliquer aux navigateurs<strong> comment (et o\u00f9) ajuster la police<\/strong> dans les diff\u00e9rents formats souhait\u00e9s.<\/p>\n<blockquote><p>Vous indiquerez qu\u2019un titre H2 sera plus ou moins gras, mais sans plus devoir charger le fichier correspondant \u00e0 la police de caract\u00e8re en gras.<\/p><\/blockquote>\n<p>Des mises en page <strong>flexibles<\/strong> sont ensuite envisageables \u00e0 l\u2019avenir&nbsp;! Ce qui pourra \u00eatre utile notamment dans des applications, pour agrandir la taille des caract\u00e8res et l\u2019adapter \u00e0 la vue des utilisateurs.<\/p>\n<p>L\u2019avenir des typographies variables n\u2019est pas encore \u00e9crit. Mais il est d\u00e9j\u00e0 en train de se r\u00e9diger dans<strong> les carnets des d\u00e9veloppeurs Web&nbsp;!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce que nous allons d\u00e9velopper dans cet article. 1. \u00c0 quoi sert la typographie variable&nbsp;? Lorsque l\u2019on code un site internet, pour chaque variante d\u2019une typographie choisie (italique, gras, taille plus ou [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13049,"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-13028","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>Web design\u00a0: 3 questions sur la typographie variable - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce\" \/>\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\/questions-typographie-variable\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design\u00a0: 3 questions sur la typographie variable - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/\" \/>\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=\"2019-09-16T08:50:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:23:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-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=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Web design\u00a0: 3 questions sur la typographie variable\",\"datePublished\":\"2019-09-16T08:50:40+00:00\",\"dateModified\":\"2025-08-20T15:23:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/\"},\"wordCount\":702,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg\",\"articleSection\":[\"Typographie\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/\",\"url\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/\",\"name\":\"Web design\u00a0: 3 questions sur la typographie variable - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg\",\"datePublished\":\"2019-09-16T08:50:40+00:00\",\"dateModified\":\"2025-08-20T15:23:34+00:00\",\"description\":\"La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"typographie variable\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#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\":\"Web design\u00a0: 3 questions sur la typographie variable\"}]},{\"@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\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design\u00a0: 3 questions sur la typographie variable - Graphiste Blog","description":"La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce","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\/questions-typographie-variable\/","og_locale":"fr_FR","og_type":"article","og_title":"Web design\u00a0: 3 questions sur la typographie variable - Graphiste Blog","og_description":"La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce","og_url":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-09-16T08:50:40+00:00","article_modified_time":"2025-08-20T15:23:34+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Web design\u00a0: 3 questions sur la typographie variable","datePublished":"2019-09-16T08:50:40+00:00","dateModified":"2025-08-20T15:23:34+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/"},"wordCount":702,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg","articleSection":["Typographie"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/","url":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/","name":"Web design\u00a0: 3 questions sur la typographie variable - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg","datePublished":"2019-09-16T08:50:40+00:00","dateModified":"2025-08-20T15:23:34+00:00","description":"La typographie variable est consid\u00e9r\u00e9e comme l\u2019avenir de la typographie pour le d\u00e9veloppement Web. Mais pourquoi, et comment la mettre en place, c\u2019est ce","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/questions-typographie-variable\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/09\/une-graphiste-questions-typographie-variable-1.jpg","width":850,"height":423,"caption":"typographie variable"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/questions-typographie-variable\/#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":"Web design\u00a0: 3 questions sur la typographie variable"}]},{"@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\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/13028","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=13028"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/13028\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/13049"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=13028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=13028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=13028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}