CSS — Как импортировать все варианты (перечисленные внутри файла TFF) шрифта TTF

#css #fonts #truetype

#css #шрифты #truetype

Вопрос:

Я пытаюсь импортировать определенный вариант шрифта, поставляемого как шрифт TTF. Этот шрифт обычно указан как «Avenir», и всякий раз, когда я открываю шрифт локально, он имеет как минимум 7 вариантов. Я не могу понять, как получить другой вариант, такой как Avenir Next Heavy. Любая помощь будет высоко оценена. Ниже приведен код о том, как я в настоящее время импортирую шрифт.

 @font-face {
    font-family: "Avenir";
    src: url('./../webfonts/avenir.ttc') format("truetype");
}
 
 h1, h2, h3, h4, h5 {
    font-family: "Avenir Next Condensed Heavy", sans-serif;
}
 

Комментарии:

1. Попробуйте прочитать это — css-tricks.com/snippets/css/using-font-face

2. Я прочитал все руководство, прежде чем публиковать это, к сожалению, в этом сообщении не было исправления моей проблемы.

3. Когда вы говорите о вариантах, вы говорите о весах, стилях и т. Д., Верно?