Я не могу изменить толщину шрифта или ширину @font-face в CSS. ⇐ CSS

[Anonymous]

Я загрузил переменный шрифт, который поддерживает изменение толщины и ширины, но когда я пытаюсь изменить толщину или ширину шрифта, он не меняется. Однако, когда я использую ссылку для импорта шрифта вместо использования файла .ttf, изменение веса шрифта работает.
Я пытался использовать вариант шрифта- settings, а также шрифт-вес, но, похоже, он не работает.
Вот мой код для @font-face и заголовок в классе div где применяется шрифт:
@font-face {
font-family: 'Archivo';
src: url(fonts/Archivo-VariableFont_wdth,wght.ttf) format('truetype');
}

.front .name{
font-family: 'Archivo', sans-serif;
font-size: 4.5vw;
font-variation-settings:"wght" 1000, "wdth" 100;
color: rgb(255,222,90);
}


Подробнее здесь: https://stackoverflow.com/questions/786 ... ace-in-css