{"id":213,"date":"2025-12-21T15:36:00","date_gmt":"2025-12-21T14:36:00","guid":{"rendered":"https:\/\/wp11.infocom.work\/?p=213"},"modified":"2025-12-21T16:06:40","modified_gmt":"2025-12-21T15:06:40","slug":"combiner-plusieurs-polices-sans-casser-lharmonie-visuelle","status":"publish","type":"post","link":"https:\/\/wp11.infocom.work\/index.php\/2025\/12\/21\/combiner-plusieurs-polices-sans-casser-lharmonie-visuelle\/","title":{"rendered":"Combiner plusieurs polices sans casser l\u2019harmonie visuelle"},"content":{"rendered":"\n<article>\n  <header style=\"padding:18px;border-radius:20px;border:1px solid #e8e8e8;background:#fff;\">\n    <div style=\"display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;\">\n      <span style=\"padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#fff;\n        font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;\">\n        TYPOGRAPHIE\n      <\/span>\n      <span style=\"padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:#fafafa;\n        font:700 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#555;\">\n        2 polices \u2022 1 syst\u00e8me\n      <\/span>\n    <\/div>\n\n    <h1 style=\"margin:12px 0 0 0;font:900 34px\/1.06 system-ui;letter-spacing:-.03em;\">\n      Combiner plusieurs polices sans casser l\u2019harmonie visuelle\n    <\/h1>\n    <p style=\"margin:10px 0 0 0;font:400 16px\/1.95 system-ui;color:#333;max-width:82ch;\">\n      Deux polices suffisent dans 90% des cas. Le secret : cr\u00e9er du contraste (r\u00f4le) sans cr\u00e9er du conflit (style).\n    <\/p>\n\n    <div style=\"margin-top:14px;border-radius:18px;border:1px solid #e8e8e8;background:#fafafa;padding:14px;\">\n      <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;\">\n        <div style=\"border:1px solid #e8e8e8;border-radius:16px;background:#fff;padding:12px;\">\n          <p style=\"margin:0;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Option A<\/p>\n          <p style=\"margin:8px 0 0 0;font:600 14px\/1.8 system-ui;color:#333;\">Sans-serif + Sans-serif<\/p>\n          <p style=\"margin:8px 0 0 0;font:400 14px\/1.8 system-ui;color:#555;\">Clean, moderne, coh\u00e9rent.<\/p>\n        <\/div>\n        <div style=\"border:1px solid #e8e8e8;border-radius:16px;background:#fff;padding:12px;\">\n          <p style=\"margin:0;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Option B<\/p>\n          <p style=\"margin:8px 0 0 0;font:600 14px\/1.8 system-ui;color:#333;\">Serif + Sans-serif<\/p>\n          <p style=\"margin:8px 0 0 0;font:400 14px\/1.8 system-ui;color:#555;\">\u00c9ditorial, plus \u201cpresse\u201d.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <section style=\"max-width:84ch;margin:18px auto 0 auto;\">\n    <h2 style=\"font:900 18px\/1.2 system-ui;margin:18px 0 10px 0;\">R\u00e8gles simples (qui marchent)<\/h2>\n    <ul style=\"margin:0 0 12px 18px;font:400 16px\/1.95 system-ui;\">\n      <li><strong>Diff\u00e9rencie le r\u00f4le<\/strong> : une pour les titres, une pour le texte long.<\/li>\n      <li><strong>Un seul contraste fort<\/strong> : soit la forme (g\u00e9om\u00e9trique vs humaniste), soit la graisse.<\/li>\n      <li><strong>Garde le m\u00eame \u201cmood\u201d<\/strong> : si une est tr\u00e8s classique, l\u2019autre doit rester sobre.<\/li>\n      <li><strong>Teste avec du vrai texte<\/strong> : pas avec 3 mots en Lorem Ipsum.<\/li>\n    <\/ul>\n\n    <div style=\"border:1px solid #e8e8e8;border-radius:18px;background:#fff;padding:14px;\">\n      <p style=\"margin:0;font:700 14px\/1.7 system-ui;\">\n        Astuce pro : si tu doutes, utilise une seule famille avec plusieurs graisses (Regular\/Medium\/Bold). C\u2019est ultra propre.\n      <\/p>\n    <\/div>\n  <\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>TYPOGRAPHIE 2 polices \u2022 1 syst\u00e8me Combiner plusieurs polices sans casser l\u2019harmonie visuelle Deux polices suffisent dans 90% des cas. Le secret : cr\u00e9er du contraste (r\u00f4le) sans cr\u00e9er du conflit (style). Option A Sans-serif + Sans-serif Clean, moderne, coh\u00e9rent. Option B Serif + Sans-serif \u00c9ditorial, plus \u201cpresse\u201d. R\u00e8gles simples (qui marchent) Diff\u00e9rencie le r\u00f4le&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp11.infocom.work\/index.php\/2025\/12\/21\/combiner-plusieurs-polices-sans-casser-lharmonie-visuelle\/\" 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-213","post","type-post","status-publish","format-standard","hentry","category-typo"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/213","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=213"}],"version-history":[{"count":3,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/213\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}