Got a spare minute? The Archives need some love. See the to-do list to find a way to help.
If you upload a new image make sure you name and categorize it properly. If in doubt, ask an admin or see our FAQ page.

MediaWiki:Mobile.css: Difference between revisions

From Bulbagarden Archives
Jump to navigationJump to search
Add fonts for Pokémon-specific characters
(Override default font used for gender symbols for legibility)
(Add fonts for Pokémon-specific characters)
 
Line 118: Line 118:
body {
body {
     font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'bp_gender', 'Helvetica', 'Arial', sans-serif;
     font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Lato', 'bp_gender', 'Helvetica', 'Arial', sans-serif;
}
/* Fonts for Pokémon-specific characters */
@font-face {
    font-family: PGLDings;
    src:
        url("/w/fonts/PGLDings.woff2") format("woff2"),
        url("/w/fonts/PGLDings.woff") format("woff"),
        url("/w/fonts/PGLDings.ttf") format("ttf");
}
@font-face {
    font-family: ori_font;
    src:
        url("/w/fonts/ori_font.woff2") format("woff2"),
        url("/w/fonts/ori_font.woff") format("woff"),
        url("/w/fonts/ori_font.ttf") format("ttf");
}
@font-face {
    font-family: PDollar;
    src:
        url("/w/fonts/ori_font.woff2") format("woff2"),
        url("/w/fonts/ori_font.woff") format("woff"),
        url("/w/fonts/ori_font.ttf") format("ttf");
    unicode-range: U+0024, U+E300; /* Pokémon Dollar sign only */
}
.font-dings {
    font-family: PGLDings, bp_gender, sans-serif;
}
.font-ori {
    font-family: ori_font, bp_gender, sans-serif;
}
.pdollar {
    font-family: PDollar, bp_gender, sans-serif;
}
}

Navigation menu