Hello suess. Changing the default quasar font with one from google fonts is easy. I explain step by step:
- Go to quasar config and delete or comment
extras: [// ‘roboto-font’,],
This will automatically quasar not add a robot in the build.
Go to google fonts, and choose a font (let’s see the example of Open Sans)
Now go to customize and choose the weights.
Go back to embed and copy the following from “standard”:
<link href = “https://fonts.googleapis.com/css?family=Open+Sans&display=swap” rel = “stylesheet”>
In Quasar, go to index.template.html and paste the above in the “head” (where the other “links” are located)
Finally, go to your main “Layout” and paste the content of “Specify in CSS” in body class (Google Fonts):
font-family: ‘Open Sans’, sans-serif;
In my case, that I use SASS, it would look like this:
<style lang = “sass”>
font-family: ‘Open Sans’, sans-serif
Ready! It will replace all your Roboto fonts with Open Sans without having to change anything.
(Remember to add the weights of the new font if you used codes like ‘text-weight-light’.
Sorry for my english.