{"id":12592,"date":"2019-08-29T10:30:56","date_gmt":"2019-08-29T08:30:56","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=12592"},"modified":"2025-08-20T17:19:26","modified_gmt":"2025-08-20T15:19:26","slug":"css-taille-texte-em","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/","title":{"rendered":"CSS&nbsp;: 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em"},"content":{"rendered":"<p>Vous n\u2019\u00eates pas sans savoir que<strong> 60% des visites internet<\/strong> se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de ces internautes mobiles et de d\u00e9velopper votre site web en responsive design.<\/p>\n<p>Beaucoup plus agile qu\u2019une \u00ab version mobile \u00bb statique, cette notion de responsive indique que <a href=\"https:\/\/graphiste.com\/blog\/best-of-design-mobile\">le design s\u2019adapte \u00e0 la taille de l\u2019\u00e9cran<\/a> de votre utilisateur. Et l\u2019un des premiers enjeux du responsive, c\u2019est le texte&nbsp;!\u00a0En effet, il faut que<strong> la taille de votre texte s\u2019adapte pour \u00eatre toujours lisible.<\/strong> Une technique encore peu utilis\u00e9e par les webdesigner, pourtant tr\u00e8s astucieuse, consiste \u00e0 utiliser les em pour redimensionner votre texte.<\/p>\n<p>Voyons comment utiliser cette m\u00e9thode pour vos <a href=\"https:\/\/graphiste.com\/blog\/integrer-texte-images\">textes<\/a> et rendre <strong>vos sites web plus accessibles.<\/strong><\/p>\n<p><strong>D\u00e9finition de l\u2019unit\u00e9 \u00ab em \u00bb<\/strong><\/p>\n<ul>\n<li>L\u2019em est une unit\u00e9 relative utilis\u00e9e en CSS tr\u00e8s utile pour redimensionner les textes.<\/li>\n<li>On l\u2019appelle unit\u00e9 relative en opposition aux pixels qui sont une unit\u00e9 absolue peu flexible.<\/li>\n<li>L\u2019em se base sur la configuration de l\u2019utilisateur (son navigateur, son appareil) pour adapter dynamiquement la taille du texte.<\/li>\n<li>1em est une unit\u00e9 type correspondant grosso modo \u00e0 la taille d\u2019un \u00c7 majuscule. <\/li>\n<\/ul>\n<blockquote><p>L\u2019objectif majeur pour utiliser l\u2019em consiste \u00e0 augmenter la lisibilit\u00e9 de vos textes pour satisfaire tous les besoins des utilisateurs, quel que soit leur appareil.<\/p><\/blockquote>\n<blockquote><p><strong>\u00c0 lire aussi&nbsp;:<\/strong><a href=\"https:\/\/www.codeur.com\/tuto\/css\/unite-de-mesure-taille-px-em-rem\/\" target=\"_blank\" rel=\"noopener noreferrer\"> px, %, em, rem\u2026 quelle unit\u00e9 de mesure utiliser en CSS&nbsp;?<\/a><\/p><\/blockquote>\n<h2>1. Comprendre la notion de ratio<\/h2>\n<p>Pour int\u00e9grer les em dans votre code, ajoutez la propri\u00e9t\u00e9 CSS font-size suivi du ratio en em.<\/p>\n<p>La taille Xem signifie que la hauteur du texte sera <strong>X fois sup\u00e9rieures<\/strong> au texte initial de votre body.<\/p>\n<p>Gr\u00e2ce \u00e0 cette notion, vous ne fixez pas une taille de texte arbitraire, mais plut\u00f4t une proportion au regard de la taille de base de votre body. <strong>Vous suivez&nbsp;?<\/strong><\/p>\n<p>L\u2019em joue comme un <strong>effet multiplicateur et r\u00e9ducteur<\/strong> par rapport \u00e0 un ratio de base&nbsp;: 1em. Des blocs conteneurs, \u00e9l\u00e9ments interm\u00e9diaires, les en-t\u00eates seront des h\u00e9ritiers du body sur lesquels vous pourrez d\u00e9cider de changer le ratio.<\/p>\n<ul>\n<li><code>Html {font-size: 100%;}<\/code><\/li>\n<li><code>Body {font-size: 0.75em;}<\/code><\/li>\n<li><code>div#en-tete {font-size: 1.4em;}<\/code><\/li>\n<\/ul>\n<h2>2. Fini les pixels<\/h2>\n<p>Remplacez toutes vos tailles de texte en pixel par les em.\u00a0Jouez le jeu, vous ne devez plus avoir aucun indicateur en pixel in fine&nbsp;!<\/p>\n<h2>3. Utilisez les navigateurs<\/h2>\n<p>Avec les em, nul besoin de calculer vous-m\u00eame le rendu de votre texte, cela serait bien trop fastidieux.<\/p>\n<p>La meilleure option pour avoir un aper\u00e7u est de <strong>laisser la main au syst\u00e8me d\u2019exploitation<\/strong> qui va dimensionner automatiquement le texte en fonction de l\u2019appareil sur lequel il consulte votre site internet. Quelle que soit sa configuration, il aura une bonne lisibilit\u00e9 du texte, d\u00e9finie par d\u00e9faut par le navigateur.<\/p>\n<blockquote><p>Attention&nbsp;: M\u00e9fiez-vous des configurations par d\u00e9faut. Un utilisateur pourrait avoir fix\u00e9 \u00e0 la main une taille de texte minimum dans ses param\u00e8tres.<\/p><\/blockquote>\n<h2>4. Ma\u00eetrisez la taille&nbsp;: ni trop grand\u2026<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12687\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/taille-em-paragraphe-e1567061532841.jpg\" alt=\"taile em CSS graphiste freelance\" width=\"650\" height=\"414\" \/><\/p>\n<p>Il faut savoir que la taille par d\u00e9faut de 1em a pour vocation d\u2019am\u00e9liorer l\u2019accessibilit\u00e9 des sites et la lisibilit\u00e9 des textes.<\/p>\n<p>Mais on est pas forc\u00e9ment habitu\u00e9 \u00e0 voir des textes si grands donc vous pouvez fixer <strong>votre body \u00e0 0,8em.<\/strong> Dans tous les cas, limitez la grandeur de votre texte \u00e0 <strong>2em grand maximum<\/strong>.<\/p>\n<p>Bien qu\u2019il n\u2019y ait pas de limite officielle, vous devrez garder une coh\u00e9rence graphique sur votre page.<\/p>\n<h2>5. &#8230;ni trop petit&nbsp;!<\/h2>\n<p>Respectez le crit\u00e8re de lisibilit\u00e9.<\/p>\n<p>Pour que la lecture de votre texte reste agr\u00e9able pour tous, ne choisissez pas un ratio em inf\u00e9rieur \u00e0<strong> 0,75.<\/strong><\/p>\n<h2>6. Comment g\u00e9rer Internet Explorer&nbsp;?<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12688\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/taille-texte-explorer-e1567061590294.jpg\" alt=\"taille em CSS graphiste r\u00e9dacteur freelance\" width=\"650\" height=\"340\" \/><\/p>\n<p>Pour ce navigateur, certains dysfonctionnements ont \u00e9t\u00e9 constat\u00e9s lors de l\u2019utilisation des em pour redimensionner automatiquement un texte.<\/p>\n<p>Par pr\u00e9caution, pensez donc \u00e0 rajouter le param\u00e8tre<strong>\u00a0<code> {font-size: 100%} <\/code><\/strong> sur l\u2019\u00e9l\u00e9ment HTML.<\/p>\n<h2>7. Attention \u00e0 l\u2019effet multiplicateur<\/h2>\n<p>Attention \u00e0 ne pas multiplier les propri\u00e9t\u00e9s CSS font-size em syst\u00e9matiquement, car vous risqueriez de vous perdre dans les ratios et vous retrouver avec un texte g\u00e9ant&nbsp;!<\/p>\n<p>Dans les div notamment, vous serez tent\u00e9 de renseigner une nouvelle taille. Contentez-vous d\u2019une fois et <strong>uniformisez<\/strong> ainsi toutes vos polices.<\/p>\n<blockquote><p><strong>A lire aussi&nbsp;:<\/strong> <a href=\"https:\/\/graphiste.com\/blog\/bonnes-pratiques-css-feuille-style\">Guide CSS&nbsp;: 10 bonnes pratiques \u00e0 respecter dans votre feuille de style<\/a>\u00a0<\/p><\/blockquote>\n<h2>8. Utilisez ce ratio pour le web<\/h2>\n<p>N\u2019oubliez pas que ce ratio est simplement web. Les pixels et surtout l\u2019unit\u00e9 pt sont indispensables en print.<\/p>\n<blockquote><p><strong>A lire aussi&nbsp;:\u00a0<\/strong><a href=\"https:\/\/graphiste.com\/blog\/unites-mesure-css\">CSS&nbsp;: le guide pour choisir la bonne unit\u00e9 de mesure<\/a> <\/p><\/blockquote>\n<p>Prenez l\u2019accessibilit\u00e9 de votre site web en main avec l\u2019utilisation des em pour <a href=\"https:\/\/www.codeur.com\/tuto\/css\/police-taille-couleur-epaisseur-alignement-texte-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">g\u00e9rer la taille de votre texte<\/a>. Ce ratio est tr\u00e8s utile et simple d\u2019utilisation en suivant ces quelques r\u00e8gles de base.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de ces internautes mobiles et de d\u00e9velopper votre site web en responsive design. Beaucoup plus agile qu\u2019une \u00ab version mobile \u00bb statique, cette notion de responsive indique que le design s\u2019adapte \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12602,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[31,27],"tags":[],"class_list":["post-12592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-css","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS : 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de\" \/>\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\/css-taille-texte-em\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS : 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/\" \/>\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-08-29T08:30:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:19:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-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\/css-taille-texte-em\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"CSS&nbsp;: 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em\",\"datePublished\":\"2019-08-29T08:30:56+00:00\",\"dateModified\":\"2025-08-20T15:19:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/\"},\"wordCount\":803,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg\",\"articleSection\":[\"HTML &amp; CSS\",\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/\",\"url\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/\",\"name\":\"CSS : 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg\",\"datePublished\":\"2019-08-29T08:30:56+00:00\",\"dateModified\":\"2025-08-20T15:19:26+00:00\",\"description\":\"Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"graphiste 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML &amp; CSS\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/html-css\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"CSS&nbsp;: 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em\"}]},{\"@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":"CSS : 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em - Graphiste Blog","description":"Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de","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\/css-taille-texte-em\/","og_locale":"fr_FR","og_type":"article","og_title":"CSS : 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em - Graphiste Blog","og_description":"Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de","og_url":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-08-29T08:30:56+00:00","article_modified_time":"2025-08-20T15:19:26+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-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\/css-taille-texte-em\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"CSS&nbsp;: 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em","datePublished":"2019-08-29T08:30:56+00:00","dateModified":"2025-08-20T15:19:26+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/"},"wordCount":803,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg","articleSection":["HTML &amp; CSS","Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/","url":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/","name":"CSS : 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg","datePublished":"2019-08-29T08:30:56+00:00","dateModified":"2025-08-20T15:19:26+00:00","description":"Vous n\u2019\u00eates pas sans savoir que 60% des visites internet se fond aujourd\u2019hui depuis un smartphone. Il est devenu indispensable de soigner l\u2019exp\u00e9rience de","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/css-taille-texte-em\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/graphist-css-bonnes-pratiques-pour-gerer-taille-texte-em-1.jpg","width":850,"height":423,"caption":"graphiste 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/css-taille-texte-em\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"HTML &amp; CSS","item":"https:\/\/graphiste.com\/blog\/webdesign\/html-css\/"},{"@type":"ListItem","position":4,"name":"CSS&nbsp;: 8 bonnes pratiques pour g\u00e9rer la taille de votre texte en em"}]},{"@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\/12592","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=12592"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/12602"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=12592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=12592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=12592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}