@font-face {
    font-family: 'Poppins'; /* This name must exactly match the font-family used in your Blazor app and SVG. */
    font-weight: 600; /* Standard value for semi-bold. */
    font-style: normal;
    /* WOFF2 format is listed first because it's the fastest and smallest for modern browsers. */
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-display: swap; /* Tells the browser to use a fallback font temporarily while Poppins loads. */
}