/*

    В этом примере текст с классом text--light будет соответствовать шрифту Inter Light

*/

.text--light {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 300;
}


/*
    
    Вариативный шрифт будет показан только в современных браузерах

*/

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Inter';
        font-style: oblique 0deg 10deg;
        font-weight: 100 900;
        font-display: block;
        src: url(https://fonts.gstatic.com/s/inter/v3/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
}