// design font-weight "basic" @font-face { font-display: swap; font-family: 'FlamaSemicondensed'; font-weight: 400; src: url('./FlamaSemicondensed-Book.woff2') format('woff2'), url('./FlamaSemicondensed-Book.woff') format('woff'); } // design font-weight "medium" @font-face { font-display: swap; font-family: 'FlamaSemicondensed'; font-weight: 500; src: url('./FlamaSemicondensed-Basic.woff2') format('woff2'), url('./FlamaSemicondensed-Basic.woff') format('woff'); } // design font-weight "medium" but for bolder appearance when needed @font-face { font-display: swap; font-family: 'FlamaSemicondensed'; font-weight: 700; src: url('./FlamaSemicondensed-Medium.woff2') format('woff2'), url('./FlamaSemicondensed-Medium.woff') format('woff'); }