Как заставить работать font-variation-settings у вариативного шрифта?

Question

[altkov]

Есть вариативный шрифт Roboto Flex, подключаю его так

@font-face {
  font-family: 'Roboto Flex';
  src: url('../fonts/RobotoFlex.ttf') format('truetype');
}

CSS свойство font-vatiation-settings работает только с парамерами wdth и wght.
Что я пытаюсь ввести:

font-variation-settings: 'GRAD' 0, 'slnt' 0, 'XTRA' 468, 'XOPQ' 96, 'YOPQ' 79, 'YTLC' 514, 'YTUC' 712, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738;

Не меняет ничего. Файл шрифта скачал с гугловского гитхаба. Браузеры обновлены, пробовал с разных.
Эти оси по идее должны работать, даже на гуглфонтс можно ползунки покрутить.

Answer 1

[Глюкъ Виртуален]

Вы уверены что формат ttf поддерживает вариативность?

Comments

[altkov]

Я вообще ни в чем не уверен, ttf единственный файл который лежит на гитхабе.
Оригинальное название файла - RobotoFlex[GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght].ttf говорит о том, что о он должен поддерживать эти оси.

[Глюкъ Виртуален]

altkov, тогда я пожалуй хз.
Попробуйте еще так

@font-face {
	font-family: 'Roboto Flex';
	src: url('RobotoFlex-VF.woff2') format('woff2 supports variations'),
       url('RobotoFlex-VF.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
}

Но файл woff2 у вас должен быть насколько я понимаю.

[altkov]

Глюкъ Виртуален, на самом деле надо было установить font-stretch, который не работал тоже. Перекачал каких то файлов с сайтов, заработали и оси.

font-stretch: 25% 151%;

Вот за эту строчку спасибо.

[Глюкъ Виртуален]

altkov, отметтье решением если сработает.
Я заметил что вообще полезно не сбивать настройки в кучу, а прописвыать их отдельно.
Так и глазу легче, и в случае сбоя проглючит только одна строка.

[altkov]

Глюкъ Виртуален, отдельно это как?

[Глюкъ Виртуален]

altkov, так как в примере

font-weight: 100 1000;
font-stretch: 25% 151%;

[Владимир Новицкий]

Перекачал каких то файлов с сайтов, заработали и оси.

altkov, каких файлов? Можно подробнее? И все ли заявленные настройки работают?