Custom Fonts in LWC App - Salesforce
To use a custom font in your LWC App
- Upload your custom font file as a static resource (Use Static Resources Trailhead).
- Create a CSS file where you specify the font using @font-face, I used the font-family with * selector (figure 1).
- Upload that CSS file as a static resource.
- Load the CSS file in your component.
And you'll see the component where you loaded the style with your custom font.
Figure 1. Custom font definition and use.