/* /assets/css/fonts.css Systeem-font stacks + per-pagina schakelen via body[data-font] Werkt zonder gehoste fonts. */ /* Basis-stacks (superbetrouwbaar) */ :root{ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* Standaard: headings volgen body, maar je kunt dit per pagina overschrijven */ --heading-font: var(--font-sans); } /* Globaal: standaard sans */ body{ font-family: var(--font-sans); } /* Per-pagina schakelen (zet op ) */ body[data-font="sans"]{ font-family: var(--font-sans); } body[data-font="serif"]{ font-family: var(--font-serif); } body[data-font="mono"]{ font-family: var(--font-mono); } /* Headings kunnen desgewenst anders dan body */ h1, h2, h3, h4, h5, h6{ font-family: var(--heading-font); } /* Utilities om lokaal af te dwingen op een element */ .font-sans{ font-family: var(--font-sans) !important; } .font-serif{ font-family: var(--font-serif) !important; } .font-mono{ font-family: var(--font-mono) !important; } /* Kleine quality-of-life defaults */ html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }