Добавьте внешний шрифт в css, используя файл типа .File

Question

Можно ли добавить внешний шрифт в css, используя файл типа .File?

Вот что я безуспешно пытался:

@font-face {
    font-family: AvenirHeavy;
    src: url("fonts\AvenirLT\AvenirLT-Heavy.tff");
}
.applyFont {
    font-family: AvenirHeavy;
}

Также я попробовал это:

@font-face {
    font-family: AvenirHeavy;
    src: url("fonts\AvenirLT\AvenirLT-Heavy.File");
}
.applyFont {
    font-family: AvenirHeavy;
}

Вот подробности о шрифте:

И по некоторым причинам ide (WebStorm) не знает оВключение шрифта и говорит мне, что это Cannot resolve file:

Первые четыре символа: NUL NUL NUL NUL.