使用.File类型的文件在CSS中添加外部字体

Question

是否可以使用.File类型的文件在CSS中添加外部字体？

这是我没有运气尝试的：

@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。