Jump to content

MediaWiki:Font.css

From The Petit Planet Wiki
Revision as of 23:54, 11 November 2025 by Stevium (talk | contribs) (Moved Vector-specific css)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Custom Font */
@font-face {
    font-family: 'PetitPlanet';
    font-style: normal;
    font-weight: normal;
    src: url('https://petitplanet.wiki/images/a/af/Petit_Planet_Font_Light.woff2') format('woff2');
    font-display: swap;
}

/* Base Body Font */
body {
    font-family: 'Inter', sans-serif;
    font-optical-sizing: auto;
}

/* Headings & Page Titles */
h1, h2, h3, .mw-page-title-main, .vector-sticky-header-context-bar-primary {
    font-family: 'PetitPlanet', 'Montserrat', sans-serif !important;
    font-weight: 500, 700;
}

*[lang|="vi"], *[lang='zh'], *[lang='zh-Hans'], *[lang='yue'], *[lang='zh-Hant'], *[lang='ko'], *[lang='th'], *[lang='ja'], *[lang='ru'] {
    h1, h2, h3, .mw-page-title-main, .vector-sticky-header-context-bar-primary {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 900 !important;
    }
}

/* Language-specific fallbacks */
*[lang='zh'], *[lang='zh-Hans'], *[lang='yue'] {
    font-family: 'Noto Sans SC', sans-serif !important;
}

*[lang='zh-Hant'] {
    font-family: 'Noto Sans TC', sans-serif !important;
}

*[lang='ja'], *[lang='ain'], *[lang='ojp'] {
    font-family: 'Noto Sans JP', sans-serif !important;
}

*[lang='ko'] {
    font-family: 'Noto Sans KR', sans-serif !important;
}

*[lang='th'] {
    font-family: 'Noto Sans', 'Noto Sans Thai', sans-serif !important;
}

*[lang='ar'], *[lang='fa'] {
    font-family: 'El Messiri', sans-serif !important;
}

*[lang='ae'] {
    font-family: 'Noto Sans Avestan', sans-serif !important;
}

*[lang='he'] {
    font-family: 'Noto Sans Hebrew', sans-serif !important;
}