Jump to content

MediaWiki:Font.css: Difference between revisions

From The Petit Planet Wiki
Created page with "@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('woff'); font-display: swap; } body, h1, h2, h3 , .mw-page-title-main { font-family: 'PetitPlanet' !important; } h1, h2, h3 , .mw-page-title-main { font-weight: 500; } h1 { font-size: 48px !important; } .mw-heading1, h1, .mw-heading2, h2 { border-color: #212337 !impo..."
 
Moved Vector-specific css
 
(5 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* Custom Font */
@font-face {
@font-face {
     font-family: 'PetitPlanet';
     font-family: 'PetitPlanet';
     font-style: normal;
     font-style: normal;
     font-weight: normal;
     font-weight: normal;
     src: url('https://petitplanet.wiki/images/a/af/Petit_Planet_Font_Light.woff2') format('woff');
     src: url('https://petitplanet.wiki/images/a/af/Petit_Planet_Font_Light.woff2') format('woff2');
     font-display: swap;
     font-display: swap;
}
}


body, h1, h2, h3 , .mw-page-title-main {
/* Base Body Font */
     font-family: 'PetitPlanet' !important;
body {
     font-family: 'Inter', sans-serif;
    font-optical-sizing: auto;
}
}


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


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


.mw-heading1, h1, .mw-heading2, h2 {
/* Language-specific fallbacks */
     border-color: #212337 !important;
*[lang='zh'], *[lang='zh-Hans'], *[lang='yue'] {
     font-family: 'Noto Sans SC', sans-serif !important;
}
}


.vector-page-titlebar {
*[lang='zh-Hant'] {
     position: inherit !important;
    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;
}
}

Latest revision as of 23:54, 11 November 2025

/* 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;
}