Topic: How to hide default fonts from mdbreact css ?

Sudhir Dadwal free asked 4 years ago

I am checking page insights for my website but getting low speed due to roboto fonts and fa-solid fonts. I want to use opensans only in my custom styles. How do I replace roboto fonts and fa-solid default fonts ?

Also I tried to remove them from nodemodules/mdbreact/dist/css/mdb.css manually but it stopped some of my css like hamburger menu is not coming.

using mdbreact decreases the page insight scores? is there any way to use it without effecting page insights score?

Aliaksandr Andrasiuk staff answered 4 years ago


Try to delete node_modules/mdbreact/dist/font folder. And change font to what you want in main css file.

Hope it could help.

Best regards.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.19.0
  • Device: Iphone
  • Browser: safari
  • OS: IOS
  • Provided sample code: No
  • Provided link: No