MediaWiki:Fonts.css

/* * Marker Felt, designed by Dieter Steffmann, * License: Free for commercial use * for use on quotes */ @font-face { font-family: "Marker Felt"; src: url("https://static.wikia.nocookie.net/bandori/images/6/6c/MarkerFelt.ttf/revision/latest?cb=20211214121435&format=original") format("truetype"); } /* * Softsoul Bold, someone gave the font at the Wikicord */ @font-face { font-family: "Softsoul Bold"; src: url("https://static.wikia.nocookie.net/bandori/images/4/48/Softsoul_Bold.ttf/revision/latest?cb=20210316075246") format("truetype"); unicode-range: U+0020-0029, U+002B-002E, U+0030-003B, U+003D, U+003F-005A, U+0061-007A, U+00A0, U+00A3, U+00A5, U+00B6, U+0404-0406, U+0408, U+0410-0413, U+0415, U+0417, U+041A-0423, U+0425, U+042C-042D, U+042F-0430, U+0435, U+043A, U+043E, U+0440-0441, U+0443, U+0445, U+0455-0456, U+0458, U+20AC; } /* https://www.fontsquirrel.com/license/jellee */ @font-face { font-family: "Jellee Roman"; src: url("https://static.wikia.nocookie.net/bandori/images/9/94/Jellee.roman.ttf/revision/latest?cb=20210303103030") format("truetype"); unicode-range: U+0020-005D, U+005F-007D, U+00A1-00A5, U+00A7-00A9, U+00AB, U+00AE, U+00B4, U+00B8, U+00BB, U+00BF-00CF, U+00D1-00D6, U+00D9-00DC, U+00E0-00EF, U+00F1-00F6, U+00F9-00FC, U+00FF, U+0131, U+0152-0153, U+0178, U+02C6, U+02DA, U+02DC, U+0300-0303, U+0308, U+030A, U+0327, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122, U+FB01-FB02; }

/* ===== Customizations ===== */ body.skin-fandomdesktop, button, input, textarea { font-family: 'Poppins', 'Lexend', 'Rubik', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', sans-serif; } body.skin-fandomdesktop { line-height: 1.5; } .fandom-community-header__community-name, .fandom-sticky-header__sitename { font-family: 'Jellee Roman', 'Arial Rounded MT', sans-serif; } .page-header__title { font-family: 'Softsoul Bold', 'Impact', 'Noto Sans JP', 'Rubik', sans-serif; font-size: 40px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-style: oblique; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .WikiaRail .rail-module h2, .toc .toctitle h2 { font-family: 'NewRodinPro-B'; }

/* BanG Dream! title style */ .bdttl { font-family: 'Softsoul Bold'; font-style: oblique; } /* Special:Community improvements */ .community-page-header .community-page-header-welcome-message, .community-page-header .community-page-subheader-welcome-message { font-family: 'NewRodinPro-B',sans-serif; color: #e5004f; text-shadow: 0 0 10px black; }

/* custom fonts as classes for easy styling */ .marker_felt {font-family: 'Marker Felt';} .softsoul {font-family: 'Softsoul Bold';} .jellee {font-family: 'Jellee Roman';}

/*lang fonts*/
 * lang(ja) {font-family: 'Noto Sans JP', sans-serif;}
 * lang(tc) {font-family: 'Noto Sans TC', sans-serif;}
 * lang(sc) {font-family: 'Noto Sans SC', sans-serif;}
 * lang(kr) {font-family: 'Hahmlet', 'Noto Sans KR', sans-serif;}
 * lang(vn), :lang(ru) {font-family: 'Helvetica', sans-serif;}

/* latin */ @font-face { font-family: 'Macondo Swash Caps'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/macondoswashcaps/v10/6NUL8EaAJgGKZA7lpt941Z9s6ZYgDq6-fUAb.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Text Gradients */ .rainbowtextgradient {background: linear-gradient(90deg, rgba(255,51,119,1) 0%, rgba(238,51,68,1) 16.5%, rgba(255,221,0,1) 33%, rgba(51,221,170,1) 50%, rgba(34,204,204,1) 65.5%, rgba(51,170,255,1) 83%, rgba(51,68,170,1) 100%); }/* rainbow, based on the bands colors */ .redtowhitegradient {background: linear-gradient(to right, rgb(255,10,80), rgb(255,35,98), rgb(255,59,115), rgb(255,83,132), rgb(255,108,150), rgb(255,132,167), rgb(255,157,185));} .popipa_gradient {background: linear-gradient(to right, #07d, #a6d, #f5b, #f37, #f52, #fc1);} .afterglow_gradient {background: linear-gradient(to right, #0ca, #fe8, #f99, #e34, #e02, #b03);} .pasupare_gradient {background: linear-gradient(to right, #f8b, #dbf, #5de, #3da, #9d8, #fea);} .roselia_gradient {background: linear-gradient(to right, #d20, #d08, #818, #34a, #0ab, #bbb);} .harohapi_gradient {background: linear-gradient(to right, #069, #4df, #a3c, #d3c, #f92, #fd0, #fe2);} .morfonica_gradient {background: linear-gradient(to right, #e74, #e78, #e66, #67c, #3af, #698);} .ras_gradient {background: linear-gradient(to right, #0bf, #2cc, #ae2, #eb4, #c00, #f9b);}

.redtowhitegradient, .rainbowtextgradient, .popipa_gradient, .afterglow_gradient, .pasupare_gradient, .roselia_gradient, .harohapi_gradient, .morfonica_gradient, .ras_gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }