MediaWiki:Mobile.css: Difference between revisions

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