|
================================================================= */
/* ── Typeface policy: WEB-SAFE, zero webfont download. ─────────────────
/* ── Webfont: Spectral (Production Type; STATIC instances — one file per
Many corporate networks (AXA's, very plausibly) and privacy extensions
weight/style/subset, unlike the variable Source Serif 4 it replaces).
block Google Fonts (fonts.gstatic.com) on GDPR/privacy grounds, so a
A screen-native "book" serif: calmer, more literary voice than Source
gstatic-hosted Spectral/Inter would silently fall back for much of the
Serif's sturdy newspaper register; pairs cleanly with Inter. @font-face
audience — leaving most readers on an *untuned* fallback. To give EVERY
is safe anywhere in ResourceLoader output — never use @import here
reader the SAME tuned result with no dependency to block, the design is
(gadget CSS is concatenated BEFORE Common.css and breaks it, per
built on fonts already present on every OS:
T165040). If the font fails to load, Georgia takes over seamlessly.
• body → Georgia: Matthew Carter's screen serif (Windows, macOS, iOS,
We load 400 + 600, roman + italic, latin + latin-ext: 600 carries
Android) — warm, sturdy, genuinely editorial, real bold + italic.
in-text bold (a 700 request font-matches DOWN to 600, mirroring Source
• sans → the OS-native UI sans (San Francisco / Segoe UI / Roboto) for
Serif's old 400-600 cap, so bold stays faithful). Production hardening:
copy the woff2 files toheadings, thetables, S3TOC, bucketfooter, andchrome. swapThis IS the URLs. ── *Codex/Wikimedia
system stack, so it matches the surrounding MediaWiki UI.
@font-face {
Nothing downloads, nothing can be blocked, and it renders identically
font-family: "Spectral";
whether or not gstatic is reachable.
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCr-xNNww_2s0amA9M5kng.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Spectral";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCr-xNNww_2s0amA9M3knj-SA.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Spectral";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCt-xNNww_2s0amA9M8onrmTA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Spectral";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCt-xNNww_2s0amA9M8onTmTMuk.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Spectral";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCs-xNNww_2s0amA9vmtm3BafY.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Spectral";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCs-xNNww_2s0amA9vmtm3PafadWQ.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Spectral";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCu-xNNww_2s0amA9M8qqXCWfSFXQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Spectral";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v15/rnCu-xNNww_2s0amA9M8qqXCWfqFXUIJ.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
To restore the branded Spectral + Inter later, SELF-HOST the woff2 files
/* ── Webfont: Inter (variable, 400–700; ONE file per subset covers every weight).
same-origin (e.g. the S3 bucket), re-add @font-face blocks pointing at
A clean neo-grotesque — the free analog to The Economist's Econ Sans
those URLs, and name "Spectral" / "Inter" first in the stacks below. ── */
(Halifax). Same @font-face mechanism as Spectral above; loaded direct
from gstatic (no @import, no fonts.googleapis.com at runtime). latin +
latin-ext cover English and accented names. ── */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* ── Design knobs.
same warm ramp (this :root is later, so it wins the tie). ── */
:root {
--ed-serif: "Spectral", Georgia, "Times New Roman", serif; /* web-safe screen serif, every OS */
--ed-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Roboto, "Helvetica Neue", Arial, sans-serif; /* InterOS-native (loadedUI above)sans: firstSF —/ Segoe /
aRoboto crisp grotesque for— headings +, data, +chrome. chrome;No systemdownload, fontscan't fallbe backblocked. */
--ed-ink: #2b2926; /* text, headings, strong rules */
--ed-secondary: #66605c; /* labels, standfirst, TOC, footer links */
|