{"id":2037,"date":"2026-04-21T09:00:00","date_gmt":"2026-04-21T07:00:00","guid":{"rendered":"https:\/\/blog.elpisia.com\/2026\/04\/21\/web-typographie\/"},"modified":"2026-07-24T23:22:25","modified_gmt":"2026-07-24T21:22:25","slug":"web-typographie","status":"publish","type":"post","link":"https:\/\/blog.elpisia.com\/es\/2026\/04\/21\/web-typographie\/","title":{"rendered":"Bien choisir ses polices pour un site pro"},"content":{"rendered":"<p class=\"intro\">On la remarque rarement quand elle est bonne, mais elle saute aux yeux quand elle est mauvaise&nbsp;: la <strong>typographie<\/strong>, c&rsquo;est-\u00e0-dire le choix et l&rsquo;agencement des polices de caract\u00e8res, joue un r\u00f4le immense dans l&rsquo;apparence et la lisibilit\u00e9 d&rsquo;un site. Une typographie soign\u00e9e inspire le professionnalisme et rend la lecture agr\u00e9able&nbsp;; une typographie n\u00e9glig\u00e9e trahit l&rsquo;amateurisme. Ce guide vous donne les cl\u00e9s pour bien choisir vos polices, sans \u00eatre graphiste.<\/p>\n<h2>La typographie, un choix qui compte<\/h2>\n<p>Le texte occupe l&rsquo;essentiel d&rsquo;un site, et la fa\u00e7on dont il est pr\u00e9sent\u00e9 influence toute la perception. Une bonne typographie facilite la lecture, hi\u00e9rarchise l&rsquo;information, et v\u00e9hicule une personnalit\u00e9 \u2014 s\u00e9rieuse, moderne, chaleureuse. Ce choix, en apparence secondaire, contribue fortement \u00e0 l&rsquo;impression g\u00e9n\u00e9rale. Deux sites au contenu identique peuvent donner une impression radicalement diff\u00e9rente selon leur traitement typographique.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_2.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2039\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_2.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_2-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_2-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_2-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_2-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<h2>Les principes de base<\/h2>\n<ul>\n<li><strong>La lisibilit\u00e9 avant tout<\/strong>&nbsp;: une police claire, \u00e0 une taille confortable.<\/li>\n<li><strong>La sobri\u00e9t\u00e9<\/strong>&nbsp;: une ou deux polices suffisent, pas davantage.<\/li>\n<li><strong>La hi\u00e9rarchie<\/strong>&nbsp;: distinguer nettement titres et texte courant.<\/li>\n<li><strong>L&rsquo;espacement<\/strong>&nbsp;: un texte a\u00e9r\u00e9 se lit bien mieux qu&rsquo;un texte tass\u00e9.<\/li>\n<\/ul>\n<div class=\"elp-tip\">\n<p><strong>La reacci\u00f3n adecuada.<\/strong> Limitez-vous \u00e0 une ou deux polices sur tout votre site&nbsp;: une pour les titres, une pour le texte courant. Multiplier les polices cr\u00e9e une impression de d\u00e9sordre et d&rsquo;amateurisme. La coh\u00e9rence typographique est l&rsquo;un des secrets d&rsquo;un site qui para\u00eet professionnel.<\/p>\n<\/div>\n<h2>Choisir des polices lisibles<\/h2>\n<p>La priorit\u00e9 absolue est la <strong>lisibilit\u00e9<\/strong>. Une police originale mais difficile \u00e0 lire dessert votre contenu. Privil\u00e9giez des polices claires et \u00e9prouv\u00e9es pour le texte courant, r\u00e9servant d&rsquo;\u00e9ventuelles fantaisies aux titres, avec parcimonie. Veillez aussi \u00e0 une taille de texte confortable&nbsp;: un texte trop petit fatigue et fait fuir. Le confort de lecture de vos visiteurs doit toujours primer sur l&rsquo;effet esth\u00e9tique.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_3.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2040\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_3.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_3-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_3-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_3-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_3-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<h2>L&rsquo;importance de l&rsquo;espacement<\/h2>\n<p>Un facteur souvent n\u00e9glig\u00e9 mais d\u00e9cisif&nbsp;: l&rsquo;<strong>espacement<\/strong>. Un texte a\u00e9r\u00e9 \u2014 avec des marges, un interligne suffisant, des paragraphes bien s\u00e9par\u00e9s \u2014 se lit sans effort. Un texte tass\u00e9, coll\u00e9 aux bords, aux lignes serr\u00e9es, d\u00e9courage la lecture, m\u00eame avec une belle police. Laisser respirer le texte est l&rsquo;un des gestes les plus simples et les plus efficaces pour am\u00e9liorer l&rsquo;apparence et le confort de votre site.<\/p>\n<div class=\"elp-warn\">\n<p><strong>A evitar.<\/strong> Ne c\u00e9dez pas \u00e0 la tentation des polices trop originales ou d\u00e9coratives pour le texte courant&nbsp;: ce qui semble \u00ab&nbsp;joli&nbsp;\u00bb de loin devient vite p\u00e9nible \u00e0 lire sur un paragraphe entier. R\u00e9servez l&rsquo;originalit\u00e9 aux titres, et gardez une police simple et lisible pour tout ce qui doit vraiment \u00eatre lu.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_4.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2041\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_4.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_4-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_4-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_4-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_4-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<\/div>\n<h2>La mise en pratique : r\u00e9gler sa typographie en cinq d\u00e9cisions<\/h2>\n<p>Concr\u00e8tement, sur votre site&nbsp;: <strong>1. La taille de base<\/strong>&nbsp;: 16 pixels minimum pour le texte courant \u2014 en dessous, on fait travailler les yeux de vos visiteurs. <strong>2. La longueur de ligne<\/strong>&nbsp;: 60 \u00e0 80 caract\u00e8res par ligne \u2014 au-del\u00e0, l&rsquo;\u0153il se perd au retour \u00e0 la ligne&nbsp;; c&rsquo;est le r\u00e9glage le plus n\u00e9glig\u00e9 et l&rsquo;un des plus importants. <strong>3. L&rsquo;interligne<\/strong>&nbsp;: environ 1,5 fois la taille du texte \u2014 l&rsquo;a\u00e9ration qui change tout. <strong>4. Le contraste<\/strong>&nbsp;: texte sombre sur fond clair (ou l&rsquo;inverse), jamais de gris clair sur blanc. <strong>5. La hi\u00e9rarchie<\/strong>&nbsp;: des titres nettement distincts (taille, graisse) qui permettent de survoler la page. Ces cinq r\u00e9glages, appliqu\u00e9s une fois dans votre th\u00e8me, \u00e9l\u00e8vent imm\u00e9diatement la lisibilit\u00e9 de tout le site.<\/p>\n<h2>Preguntas frecuentes<\/h2>\n<h3>Combien de polices utiliser ?<\/h3>\n<p>Une ou deux suffisent&nbsp;: une pour les titres, une pour le texte. Au-del\u00e0, le risque de d\u00e9sordre visuel augmente fortement. La sobri\u00e9t\u00e9 est gage de professionnalisme.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_5.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2042\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_5.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_5-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_5-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_5-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_5-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<h3>Faut-il des polices sp\u00e9ciales ?<\/h3>\n<p>Non&nbsp;: de nombreuses polices de qualit\u00e9, gratuites et lisibles, existent. L&rsquo;important n&rsquo;est pas la raret\u00e9 de la police, mais la lisibilit\u00e9 et la coh\u00e9rence de l&rsquo;ensemble.<\/p>\n<h3>Les polices influencent-elles la vitesse du site&nbsp;?<\/h3>\n<p>Oui&nbsp;: chaque police charg\u00e9e p\u00e8se. Limitez-vous \u00e0 deux familles et aux graisses r\u00e9ellement utilis\u00e9es, et privil\u00e9giez les formats modernes optimis\u00e9s. La sobri\u00e9t\u00e9 typographique sert donc aussi la performance \u2014 tout converge.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_6.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2043\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_6.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_6-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_6-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_6-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_6-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<h2>Lo que hay que recordar<\/h2>\n<p>La typographie, bien qu&rsquo;on la remarque rarement, fa\u00e7onne l&rsquo;apparence et la lisibilit\u00e9 de votre site. Ses principes sont simples&nbsp;: privil\u00e9gier la lisibilit\u00e9, se limiter \u00e0 une ou deux polices, hi\u00e9rarchiser clairement titres et texte, et surtout a\u00e9rer g\u00e9n\u00e9reusement. Choisissez des polices claires et \u00e9prouv\u00e9es pour le texte, r\u00e9servez l&rsquo;originalit\u00e9 aux titres avec parcimonie, et laissez le texte respirer. Ces r\u00e8gles de bon sens, \u00e0 la port\u00e9e de tous, suffisent \u00e0 faire passer votre site de l&rsquo;amateurisme au professionnalisme, pour le plus grand confort de vos lecteurs.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_7.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2044\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_7.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_7-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_7-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_7-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_7-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"704\" src=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_8.webp\" alt=\"Bien choisir ses polices pour un site pro\" class=\"wp-image-2045\" srcset=\"https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_8.webp 1280w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_8-300x165.webp 300w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_8-1024x563.webp 1024w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_8-768x422.webp 768w, https:\/\/blog.elpisia.com\/wp-content\/uploads\/2026\/07\/web-typographie_8-18x10.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<div class=\"elp-article-cta\">\n<p>Envie d&rsquo;un site au design professionnel ?<\/p>\n<p><a class=\"elp-article-cta-btn\" href=\"https:\/\/web.elpisia.com\/#contact\" target=\"_blank\" rel=\"noopener\">Demander un devis &rarr;<\/a><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>On la remarque rarement quand elle est bonne, mais elle saute aux yeux quand elle est mauvaise : la typographie, c&rsquo;est-\u00e0-dire le choix et l&rsquo;agencement des\u2026<\/p>","protected":false},"author":1,"featured_media":2038,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-2037","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-site-web"],"_links":{"self":[{"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/posts\/2037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/comments?post=2037"}],"version-history":[{"count":1,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/posts\/2037\/revisions"}],"predecessor-version":[{"id":2046,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/posts\/2037\/revisions\/2046"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/media\/2038"}],"wp:attachment":[{"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/media?parent=2037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/categories?post=2037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.elpisia.com\/es\/wp-json\/wp\/v2\/tags?post=2037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}