如何使用 CSS 在 JavaFX Scene Builder 中设置自定义字体答案

【问题标题】：How to set custom fonts in JavaFX Scene Builder using CSS如何使用 CSS 在 JavaFX Scene Builder 中设置自定义字体
【发布时间】：2015-08-12 16:09:44
【问题描述】：

我正在 JavaFX Scene Builder 中制作 GUI，并希望所有文本（标签、文本字段、组合框）使用相同的字体。问题是它是一种自定义字体，可能不会出现在每个客户的计算机上。

我已经尝试过 CSS：

@font-face {
   font-family: DIN;
   src: url(DIN.tff);
}

.text {
   -fx-font-family: DIN;
   -fx-font-style: bold;
}

将上述代码保存到文件 Font.css 并尝试通过 Scene Builder 的 JavaFX CSS 字段将其应用于每个 GUI 元素，但它不起作用。

我在 CSS 中犯了错误吗？还是有更好的方法来解决这个问题？如果不需要的话，我宁愿不必加载字体并为 Java 代码本身的每个元素设置它。

【问题讨论】：

可能重复：How to embed .ttf fonts is JavaFx 2.2?
类似。不过，让我们继续为那些专门在 Scene Builder 中使用 CSS 的人保留这一点。我认为添加字体比通过 Java 代码本身更方便。
接受的答案不一样，自定义字体仍然需要 Java 代码吗？
接受的答案确实提供了与您的链接相同的 Java 代码，不，它不是必需的。可以使用 @font-face 规则 在 Scene Builder 中使用 CSS 完全加载自定义字体。我接受了 Steven Van Impe 的回答，因为他透露使用 @font-face 需要在 CSS 中使用字体名称，而不是字体文件的名称，这解决了我的问题。其余的都是额外的信息。

标签： css fonts javafx scenebuilder

【解决方案1】：

确保使用Font.loadFont 在应用程序启动时实际加载字体。然后你应该能够使用 CSS 中的字体。小心使用字体的名称，而不是字体文件的名称。这是一个常见的错误。

我之前使用过以下内容来加载和使用自定义字体：

Font.loadFont(getClass().getResourceAsStream("/resources/fonts/marck.ttf"), 14);

和：

-fx-font-family: "Marck Script";

仅供参考：仅当名称包含空格时才需要引号。

【讨论】：

非常感谢！做到了！字体系列的名称必须与 .ttf 文件中的完全一致。
快速提示：加载字体时，通过 getName() 检查名称，以便准确添加预期名称。有时不仅仅是字体名称。