MediaWiki:Fonts.css

/* * Coverface SE, designed by Igor Ce Barrios */ @font-face { font-family: "Coverface SE"; src: url("https://static.wikia.nocookie.net/bandori/images/3/31/CoverfaceSe-8Bvg.ttf/revision/latest?cb=20210223060642") format("truetype"); unicode-range: U+0020-007E, U+00A0-017F, U+0192, U+01FA-01FF, U+02C6-02C7, U+02C9, U+02D8-02DD, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0490-0491, U+1E80-1E85, U+1EF2-1EF3, U+2013-2015, U+2017-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+203C, U+203E, U+2044, U+207F, U+20A3-20A4, U+20A7, U+20AC, U+2105, U+2113, U+2116, U+2122, U+2126, U+212E, U+215B-215E, U+2190-2195, U+21A8, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E-221F, U+2229, U+222B, U+2248, U+2260-2261, U+2264-2265, U+2302, U+2310, U+2320-2321, U+2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+251C, U+2524, U+252C, U+2534, U+253C, U+2550-256C, U+2580, U+2584, U+2588, U+258C, U+2590-2593, U+25A0-25A1, U+25AA-25AC, U+25B2, U+25BA, U+25BC, U+25C4, U+25CA-25CB, U+25CF, U+25D8-25D9, U+25E6, U+263A-263C, U+2640, U+2642, U+2660, U+2663, U+2665-2666, U+266A-266B, U+F001-F002, U+F004-F005, U+FB01-FB02; } /* * 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; }

/* ===== Custom Fonts ===== */ body, body.skin-fandomdesktop { font-family: 'Lexend', 'Rubik', sans-serif; } body.skin-fandomdesktop { line-height: 1.5; }

.fandom-community-header, .fandom-sticky-header, .page-header__title, .mw-headline, .WikiaRail .rail-module h2 { font-family: 'Jellee Roman', 'Arial Rounded MT', sans-serif; }

/* 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: 'Jellee Roman',sans-serif; color: #ff0040; -webkit-text-fill-color: #ff0040; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; }

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

/*testing*/ /* 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 */ /* rainbow, based on the bands colors */ .rainbowtextgradient { background: #ed7ddf; background-color: #ed7ddf; background-image: linear-gradient(to right, rgba(255,51,119,0.8), rgba(238,51,58,0.8), rgba(255,221,0,0.8), rgba(51,221,170,0.8), rgba(51,204,204,0.8), rgba(51,170,255,0.8), rgba(51,69,170,0.8)); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; } /* redtowhite */ .redtowhitegradient { background: #FF5384; background-color: #FF5384; background-image: linear-gradient(to right, rgba(255,10,80,0.8), rgba(255,35,98,0.8), rgba(255,59,115,0.8), rgba(255,83,132,0.8), rgba(255,108,150,0.8), rgba(255,132,167,0.8), rgba(255,157,185,0.8)); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.popipa_gradient { background: #f37; background-color: #f37; background-image: linear-gradient(to right, #07d, #a6d, #f5b, #f37, #f52, #fc1); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.afterglow_gradient { background: #e34; background-color: #e34; background-image: linear-gradient(to right, #0ca, #fe8, #f99, #e34, #e02, #b03); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.pasupare_gradient { background: #3da; background-color: #3da; background-image: linear-gradient(to right, #f8b, #dbf, #5de, #3da, #9d8, #fea); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.roselia_gradient { background: #34a; background-color: #34a; background-image: linear-gradient(to right, #d20, #d08, #818, #34a, #0ab, #bbb); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.harohapi_gradient { background: #fd0; background-color: #fd0; background-image: linear-gradient(to right, #069, #4df, #a3c, #d3c, #f92, #fd0, #fe2); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.morfonica_gradient { background: #3af; background-color: #3af; background-image: linear-gradient(to right, #e74, #e78, #e66, #67c, #3af, #698); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }

.ras_gradient { background: #2cc; background-color: #2cc; background-image: linear-gradient(to right, #0bf, #2cc, #ae2, #eb4, #c00, #f9b); background-size: 100%; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; }