If you are hosting a font yourself you'll need to add the font files to your
You'll also need a css file in the same directory that loads the fonts using
After that you'll need to load this css file globally in your
If you're using a hosted font, such as a Google font we recommend importing it in a css file.
client/src/assets/ directory add a css file
In this file add the Google import code:
As with local fonts, you'll now need to import the css file in
You may want your font to be used globally or as a theme variable to be used on a component specific basis.
Adding your font globally is simple. All you need to do is edit your
This should have a
globalCss object that is later used when building your app.
If you want to use the font as a variable you can simply add it to
You'll notice a
font key in
falconThemeV2. You can simply replace the font there.
We really recommend using
font-display: swap or
&display=swap to help with render blocking and performance. Learn about font display here.