question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Replace the Muli font with Poppins

See original GitHub issue

We 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)

image image image

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. image

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
LaurenWagscommented, Nov 30, 2022

@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!

1reaction
aguscruizcommented, Dec 1, 2022

No problem! Will do, here is the new issue https://github.com/brave/brave-browser/issues/27081

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found