The Font on Universe
Not sure if this is the right board. Not even sure if there IS even a right board.
I'm curious what font Riot uses on Universe. Rioters, if you're here, sate my curiosity. Font identifiers have failed in their job. Horribly.
10 Comments
I'm going to channel another Rioter who knows about these sorts of things :D
Hello!
The current web fonts we use on the Universe website are Beaufort for LoL (which is the official brand font for League of Legends) and a font called Spiegel for body copy and other contrasting type elements.
I hope that helps :)
-- Riot MrParkinson (Visual Designer on the web team)
it's called Beaufort-for-lol or just Beaufort, I think it is also a variation of what they used in-game. I managed to grab it off universe, but probably can't post it here (because it's 35€ if you wanted to buy it).
Instead, here is how it's done: (assuming you use chrome)
- Press F12 for the developer mode, go to "Network" and select "Fonts".
- Reload the page, now you should be able to see all loaded fonts with a weird name. (Italic, Bold, etc, as well as combinations thereof, are different files I think.)
- Download the woff / woff2 files, if you can use them, great, if not, use an online converter to make them a ttf file.
Not sure if this is the right board. Not even sure if there IS even a right board.
I'm curious what font Riot uses on Universe. Rioters, if you're here, sate my curiosity. Font identifiers have failed in their job. Horribly.
No need to use font identifiers. Next time you would like to know what type of font is being used just right click the text and then click "Inspect" (Google Chrome). That opens the developer window of chrome and you can see on the right bottom window a tab called "Styles" which tells you what type of font is being used, what is the font size, color etc. etc.