css - 如何使用 CSS 在场景生成器中附加自定义字体？

Question

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

这是我尝试过的，将名为“串行连接”的标签附加到带有这些行的 CSS 文件:

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

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

Answer 1

这应该适用于 Java 版本 < 1.8u60 :

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

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

注意:

确保 -fx-font-family(在我的代码示例中为 Capsuula)的值是字体的实际名称，因为它在 capsuula.ttf.

更多信息，您可以前往How to integrate custom fonts in your JavaFX application by using CSS