CSS似乎无法找到自定义字体

Question

下面是我的CSS代码和我的文件系统： 我的字体文件位于my / res /文件夹中，它位于我的项目文件夹中。

ProjectFolder/res/ExocetHeavy.tff。

我查看了一个关于如何在CSSF中使用JavaFX自定义字体的在线指南，这就是我所拥有的：

@font-face 
{
    font-family: gg;
    src: url("ExocetHeavy.ttf");
}
.label
{
    -fx-font-size: 14pt;
    -fx-font-family: gg;
    -fx-opacity: 1.0;
}

注意，如果我尝试在gg中使用' '或" "包围@font-face，则声称它是Invalid font family name。另外一个小麻烦是我的Eclipse中的每个CSS文件行都显示为黄色警告（如下所示），显示：Unknown property: <line here>，<line here>是:右边的内容{1}}。如果有人知道如何解决这个问题，请告诉我。

无论如何，有谁知道我做错了什么？随着字体大小的改变，.label正在影响我的标签，但字体没有改变。