在 JavaFX CSS 中嵌入多个字体文件（Regular、Bold 等）答案

【问题标题】：Embedding multiple font files in JavaFX CSS (Regular, Bold etc)在 JavaFX CSS 中嵌入多个字体文件（Regular、Bold 等）
【发布时间】：2020-07-29 23:03:31
【问题描述】：

我正在处理我的 JavaFX 应用程序的 UI 设计，我需要在 .root CSS 类中分配一个 -fx-font-family，该类基本上适用于应用此样式表的任何地方。我需要将“Roboto”字体系列（外部字体）应用于整个应用程序。下载字体系列后，我知道它由一堆 .ttf 文件组成，如下所示：

我已经嵌入了一个这样的字体：

@font-face {
  src: url("font/Roboto-Regular.ttf");
}
.root {
-fx-font-family:"Roboto";
...
}

它工作得很好，但它不适用于我的应用程序中的粗体Label（文本），我认为它需要“Roboto-Bold.ttf”字体文件。我如何在整个应用程序中嵌入这个字体系列，以便我创建的任何标签，无论是常规还是粗体都应用了这个字体。我是否必须导入多个字体文件（如果是，如何？）或为常规/粗体字体创建 CSS 类并应用于每个标签（这似乎没有必要）还是应该有单个字体文件？我希望我的问题很清楚。

【问题讨论】：

我意识到之前有人问过一个非常相似的问题：stackoverflow.com/questions/30079036/…

标签： css javafx fonts fxml javafx-11

【解决方案1】：

我遇到了同样的问题，我解决了将 -fx-font-weight 属性添加到 CSS 规则的问题。我留下我的例子，我希望这也适用于你。

@font-face {
    src: url('fonts/Roboto-Bold.ttf');
}


.headertitle {
    -fx-font-family: "Roboto";
    -fx-font-size: 20pt;
    **-fx-font-weight: 700;**
    -fx-text-alignment: left;
    -fx-text-fill: #FFFFFF;
}

【讨论】：