如何使用 CSS 在场景构建器中附加自定义字体？答案

【问题标题】：How can I attach a custom font in scene builder using CSS?如何使用 CSS 在场景构建器中附加自定义字体？
【发布时间】：2016-04-30 22:54:24
【问题描述】：

所以我在购买的文件夹中有多个“.ttf”字体我无法在使用 fxml 和 CSS 的场景构建器中使用它们。

这是我尝试使用的标签，名为“串行连接”，该标签附加到带有这些行的 CSS 文件：

.serialConn {
    -fx-font-family:URL("fonts/capsuula.ttf");
}

这类似于我用来设置背景的方法，但显然不适用于字体。

【问题讨论】：

【解决方案1】：

这应该适用于

@font-face {
    font-family: 'Capsuula';
    src: url('fonts/capsuula.ttf');
}

.serialConn {
    -fx-font-family: 'Capsuula';
}

注意：

确保-fx-font-family 的值（在我的代码示例中为Capsuula）是在capsuula.ttf 中找到的字体的实际名称。

【讨论】：

谢谢，但它至少在场景构建器中不起作用（抱歉......应该在前面提到！）。我在创建网页时尝试过类似的方法 - 工作正常，但在场景构建器或 fxml 中不行。顺便说一句，我的桌面应用程序在离线时应该可以正常工作，所以我的电脑上的文件夹中有“.ttf”文件。
@tpmabb ：这应该有效。您确定字体文件具有正确的文件权限吗？您确定字体文件的路径是正确的路径吗？请注意，路径应该相对于您放置 @font-face {font-family: Capsuula; src: url('path/to/capsuula.ttf');} 的 CSS 文件的位置
完全按照您的演示输入。我使用一个名为 imageBackgrounds 的文件夹来设置我的背景，它可以工作......字体文件夹在背景旁边，所以我知道路径是正确的，除非字体使用不同的结构......
@tpmabb : 确保-fx-font-family 的值与在文件capsuula.ttf 中找到的字体的实际名称相同。
我打开了 ttf' 并注意到唯一的区别是大写 C 并修复了它但仍然没有运气...我正在玩标点符号但是...