Topic: Override base font with MyFonts [Angular Pro]
Hello,
I'm trying to override the base font family (Roboto) with my own MyFonts kit. Where is the correct place to in the MDB Pro project structure to do this? Keeping webfonts folder and css in the root, and linking to them within the Index file is not overriding Roboto so far.
Please let me know.
Thanks,
Jim W.
Add comment
Dear Jim,
If you want to use online fonts, to your styles.scss file please add this code:
If you want to use fonts from your drive, please place your fonts in src/assets folder and add this code to your styles.scss file:
Best Regards,
Damian
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
* {
font-family: 'Slabo 27px', serif;
}
@font-face { font-family: "Slabo 27px"; src: url("./assets/Slabo27px-Regular.ttf"); }
* {
font-family: 'slabo 27px', serif;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags