How to Load Custom Fonts in RazorLight Templates

[skalahonza]

Hi everyone,

I am using RazorLight for template rendering in my .NET project, and I need to load custom fonts within my RazorLight templates. Here are the steps I've taken so far:

1. Added Custom Fonts:

   • Placed my font files (e.g., .woff, .woff2) in the wwwroot/fonts directory of my project.

2. Defined Fonts in CSS:

   @font-face {
       font-family: 'MyCustomFont';
       src: url('/fonts/MyCustomFont.woff2') format('woff2'),
            url('/fonts/MyCustomFont.woff') format('woff');
       font-weight: normal;
       font-style: normal;
   }
   
   body {
       font-family: 'MyCustomFont', sans-serif;
   }
   

Is there any better practice to do this?
I searched the discussion with no luck: https://github.com/toddams/RazorLight/discussions?discussions_q=font