Replace the Muli font with Poppins
See original GitHub issueWe have decided to stop using Muli, which we mainly used for body content. Uses should be replaced with Poppins. When replacing, we generally have to dial down the font-weight a little (e.g. from 600
to 500
).
This requires changes in brave-core and brave-ui (where there are theme variables and shared styles from components).
Places:
- Welcome
- Rewards (page, not panel)
- NTP widgets
Test Plan
- Open brave://welcome
- Verify that the font being used is Poppins not Muli, via referencing the below screenshots
- Turn on and open brave://rewards. Verify the font (for the “left” column) is correct as per the below screenshots
- Open NTP and switch to Brave Talk widget. Verify screenshots…
Screenshots (old on right, new on left)
Notes
If you really want to verify which font is being used, you can inspect the element, switch to the “computed” tab and scroll right to the bottom. DevTools will report which font is being used to actually render.
Issue Analytics
- State:
- Created a year ago
- Comments:8 (3 by maintainers)
Top Results From Across the Web
Similar free fonts and alternative for Muli 200 - Font Finder
Similar free fonts and alternative for Muli 200 - Nunito Sans ExtraLight, Roundo Light, CooperHewitt-Light, LibreFranklin-Thin, Poppins ExtraLight, Cheyenne S.
Read more >Muli Font Combinations & Similar Fonts - Typewolf
Muli is a free, open-source sans-serif typeface designed by the prolific Vernon Adams, creator of numerous other open-source fonts available on Google Fonts....
Read more >Mulish - Google Fonts
Mulish is a minimalist Sans Serif typeface, designed for both display and text typography. It was initially drawn in 2011 by Vernon Adams...
Read more >What is a good serif font to pair with Muli, a Google web font?
The closest fonts on Google Fonts to Tw Cen MT (aka… Twentieth Century) are… Questrial, Alata, Poppins, Josefin Sans, Spartan, etc…
Read more >Fontjoy - Generate font pairings in one click
The text is editable, try replacing it with your company name or other copy. The goal of font pairing is to select fonts...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@aguscruiz if the places mentioned in https://github.com/brave/brave-browser/issues/25527#issuecomment-1332776558 need to be addressed, please open a new issue for it, thanks!
No problem! Will do, here is the new issue https://github.com/brave/brave-browser/issues/27081