Using a @fontsource font in Quasar

[shabiel]

I couldn't find this anywhere, so after a bit of experimentation I got it to work. The method outlined in the documentation requires you to manually download the font and put it in a specific folder. This is more automatic. I used firago here, but you can use any font you want.

npm install --save @fontsource/firago

Add these lines to src/App.vue:

import "@fontsource/firago"
...
<style>
html, body
{
    font-family: 'FiraGO', sans-serif;
}
...
</style>

Then in quasar.conf.js, comment out the line for 'roboto-font', as you don't want that to be the default.