151
edits
m |
m |
||
Line 14: | Line 14: | ||
} | } | ||
/* --- Weights you want --- */ | |||
:root{ | :root{ | ||
--body-regular: 400; /* paragraphs */ | |||
--body-strong: 600; /* stronger than before (was 500) */ | |||
--ui-strong: 700; /* optional: for menus/nav if needed */ | |||
-- | |||
/* | |||
-- | |||
} | } | ||
/* Body text | /* Body text defaults (Myriad Pro) */ | ||
html, body, .mw-body, .mw-parser-output, .vector-body, | html, body, .mw-body, .mw-parser-output, .vector-body, | ||
.mw-content-ltr, .mw-content-rtl, | .mw-content-ltr, .mw-content-rtl, | ||
p, li, a, span | p, li, a, span, small, td, th, caption, dt, dd { | ||
font-weight: var(--body-regular); | font-weight: var(--body-regular); | ||
font-synthesis: none; | /* IMPORTANT: | ||
If your Adobe kit DOES include 600, keep synthesis off. | |||
If it DOESN'T include 600 yet, temporarily allow weight synthesis | |||
(remove the next line or set to 'weight') to get visible bold. */ | |||
font-synthesis: none; | |||
} | } | ||
/* | /* Bold in normal context */ | ||
b, strong, | b, strong, | ||
.mw-parser-output b, .mw-parser-output strong, | .mw-parser-output b, .mw-parser-output strong, | ||
p b, p strong, li b, li strong, td b, td strong, th b, th strong { | |||
font-weight: var(--body-strong) !important; | font-weight: var(--body-strong) !important; | ||
} | } | ||
/* | /* Optional: make UI labels punchier than body bold */ | ||
#mw-panel .vector-menu-heading, | #mw-panel .vector-menu-heading, | ||
.vector-menu-heading | .vector-menu-heading, | ||
#p-personal .vector-menu-heading, | |||
.vector-menu-content .selected > a { | |||
font-weight: var(--ui-strong) !important; | |||
} | } | ||
/* Keep headings (Century Gothic + outline) as you already set */ | |||
@supports (font-variation-settings: normal) { | @supports (font-variation-settings: normal) { | ||
html, body, .mw-body, .mw-parser-output, .vector-body { | html, body, .mw-body, .mw-parser-output, .vector-body { | ||
font-variation-settings: "wght" | font-variation-settings: "wght" 430; /* comfy regular */ | ||
} | |||
b, strong, .mw-parser-output b, .mw-parser-output strong { | |||
font-variation-settings: "wght" 575; /* solid bold without going chunky */ | |||
font-weight: 600; /* fallback */ | |||
} | } | ||
/* Optional UI emphasis */ | |||
. | #mw-panel .vector-menu-heading, .vector-menu-heading { | ||
font-variation-settings: "wght" | font-variation-settings: "wght" 640; | ||
font-weight: 700; /* fallback */ | |||
} | } | ||
} | } |