{"id":209,"date":"2025-12-21T15:35:29","date_gmt":"2025-12-21T14:35:29","guid":{"rendered":"https:\/\/wp11.infocom.work\/?p=209"},"modified":"2025-12-21T16:06:09","modified_gmt":"2025-12-21T15:06:09","slug":"les-erreurs-typographiques-les-plus-frequentes-sur-le-web","status":"publish","type":"post","link":"https:\/\/wp11.infocom.work\/index.php\/2025\/12\/21\/les-erreurs-typographiques-les-plus-frequentes-sur-le-web\/","title":{"rendered":"Les erreurs typographiques les plus fr\u00e9quentes sur le web"},"content":{"rendered":"\n<article>\n  <header style=\"padding:18px;border-radius:14px;border:2px solid #0b0b0f;background:#fff;\">\n    <div style=\"display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;\">\n      <span style=\"display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid #0b0b0f;background:#fff;\n        font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;\">\n        TYPOGRAPHIE <span style=\"width:10px;height:10px;background:#0b0b0f;display:inline-block;\"><\/span> CHECK\n      <\/span>\n      <span style=\"padding:8px 10px;border:2px solid #0b0b0f;background:#0b0b0f;color:#fff;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;\">\n        7 erreurs\n      <\/span>\n    <\/div>\n\n    <h1 style=\"margin:12px 0 0 0;font:900 34px\/1.05 system-ui;letter-spacing:-.03em;text-transform:uppercase;\">\n      Les erreurs typographiques les plus fr\u00e9quentes sur le web\n    <\/h1>\n    <p style=\"margin:10px 0 0 0;font:500 16px\/1.85 system-ui;max-width:80ch;\">\n      Une bonne typo, c\u2019est invisible. Une mauvaise, \u00e7a fatigue. Voici les erreurs qui ruinent une page m\u00eame \u201cjolie\u201d.\n    <\/p>\n  <\/header>\n\n  <section style=\"max-width:84ch;margin:18px auto 0 auto;\">\n    <ol style=\"margin:0;padding-left:18px;font:400 16px\/1.95 system-ui;\">\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Texte trop petit<\/strong> : 14px sur un blog = souvent trop serr\u00e9. Vise 16\u201318px.\n      <\/li>\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Interligne trop bas<\/strong> : sans air, la lecture devient agressive. Monte vers 1.7\u20132.0.\n      <\/li>\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Lignes trop longues<\/strong> : au-del\u00e0 de ~90 caract\u00e8res, on se perd.\n      <\/li>\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Contraste insuffisant<\/strong> : gris clair sur blanc = illisible sur \u00e9cran.\n      <\/li>\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Trop de polices<\/strong> : 2 suffit, 3 max (texte \/ titres \/ UI).\n      <\/li>\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Hi\u00e9rarchie floue<\/strong> : H1, H2, H3 doivent se distinguer clairement.\n      <\/li>\n      <li style=\"margin:0 0 10px 0;\">\n        <strong>Italique partout<\/strong> : l\u2019italique est un accent, pas un style principal.\n      <\/li>\n    <\/ol>\n\n    <div style=\"margin-top:14px;border:2px dashed #0b0b0f;border-radius:14px;padding:14px;background:#fff;\">\n      <p style=\"margin:0;font:900 13px\/1.3 system-ui;letter-spacing:.14em;text-transform:uppercase;\">\n        Fix express (30 secondes)\n      <\/p>\n      <p style=\"margin:10px 0 0 0;font:600 14px\/1.8 system-ui;\">\n        Passe le texte \u00e0 17px \u2022 interligne 1.85 \u2022 largeur de contenu raisonnable \u2022 contraste plus fort.\n        Tu viens de \u201csauver\u201d 80% des pages.\n      <\/p>\n    <\/div>\n  <\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>TYPOGRAPHIE CHECK 7 erreurs Les erreurs typographiques les plus fr\u00e9quentes sur le web Une bonne typo, c\u2019est invisible. Une mauvaise, \u00e7a fatigue. Voici les erreurs qui ruinent une page m\u00eame \u201cjolie\u201d. Texte trop petit : 14px sur un blog = souvent trop serr\u00e9. Vise 16\u201318px. Interligne trop bas : sans air, la lecture devient agressive&#8230;.<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp11.infocom.work\/index.php\/2025\/12\/21\/les-erreurs-typographiques-les-plus-frequentes-sur-le-web\/\" class=\"themebutton3\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-209","post","type-post","status-publish","format-standard","hentry","category-typo"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":2,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/209\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/209\/revisions\/228"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/categories?post=209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/tags?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}