Custom Fonts in LWC App - Salesforce

Publicado por:     Karen Velasco  

×

Información del autor

Karen Velasco

Fecha de publicación: 12.June.2020

Categoría: Programming

To use a custom font in your LWC App

1. Upload your custom font file as a static resource (Use Static Resources Trailhead).
2. Create a CSS file where you specify the font using @font-face, I used the font-family with * selector (figure 1). 
3. Upload that CSS file as a static resource.
4. 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.