MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 58: | Line 58: | ||
/* ── 2. FONTS ──────────────────────────────────────────────────── */ | /* ── 2. FONTS ──────────────────────────────────────────────────── */ | ||
/* font-display: swap on every face below. Without it the browser uses | |||
`auto`, which in Chrome means a block period of up to three seconds | |||
during which text in that font is INVISIBLE - the page has painted, the | |||
layout is right, and the Sanskrit simply is not there yet. That reads as | |||
a slow site even when the bytes arrive quickly. With swap the text is | |||
painted immediately in the fallback and re-rendered when the face | |||
arrives. */ | |||
@font-face { | @font-face { | ||
font-family: "Adishila"; | font-family: "Adishila"; | ||
src: url("/resources/fonts/adishila/Adishila.ttf") format("truetype"); | src: url("/resources/fonts/adishila/Adishila.ttf") format("truetype"); | ||
font-weight: normal; font-style: normal; | font-weight: normal; font-style: normal; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 67: | Line 75: | ||
src: url("/resources/fonts/adishila/AdishilaBold.ttf") format("truetype"); | src: url("/resources/fonts/adishila/AdishilaBold.ttf") format("truetype"); | ||
font-weight: bold; font-style: normal; | font-weight: bold; font-style: normal; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 72: | Line 81: | ||
src: url("/resources/fonts/adishila/AdishilaBoldItalic.ttf") format("truetype"); | src: url("/resources/fonts/adishila/AdishilaBoldItalic.ttf") format("truetype"); | ||
font-weight: bold; font-style: italic; | font-weight: bold; font-style: italic; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 77: | Line 87: | ||
src: url("/resources/fonts/AdishilaDev.ttf") format("truetype"); | src: url("/resources/fonts/AdishilaDev.ttf") format("truetype"); | ||
font-weight: normal; font-style: normal; | font-weight: normal; font-style: normal; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 82: | Line 93: | ||
src: url("/resources/fonts/AdishilaDev.ttf") format("truetype"); | src: url("/resources/fonts/AdishilaDev.ttf") format("truetype"); | ||
font-weight: bold; font-style: normal; | font-weight: bold; font-style: normal; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 87: | Line 99: | ||
src: url("/resources/fonts/AdishilaDevGuru.ttf") format("truetype"); | src: url("/resources/fonts/AdishilaDevGuru.ttf") format("truetype"); | ||
font-weight: bold; font-style: normal; | font-weight: bold; font-style: normal; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 92: | Line 105: | ||
src: url("/resources/fonts/Noto_Sans_Devanagari/NotoSansDevanagari.ttf") format("truetype"); | src: url("/resources/fonts/Noto_Sans_Devanagari/NotoSansDevanagari.ttf") format("truetype"); | ||
font-weight: normal; font-style: normal; | font-weight: normal; font-style: normal; | ||
font-display: swap; | |||
} | } | ||
@font-face { | @font-face { | ||
| Line 97: | Line 111: | ||
src: url("/resources/fonts/AdishilaVedicSemiBold.ttf") format("truetype"); | src: url("/resources/fonts/AdishilaVedicSemiBold.ttf") format("truetype"); | ||
font-weight: normal; font-style: normal; | font-weight: normal; font-style: normal; | ||
font-display: swap; | |||
} | } | ||