使用css控制显示效果，添加自定义字体（但是没效果）

Author: ryan4yin

.idea/cssdialects.xml

@@ -33,11 +33,11 @@ public void start(Stage primaryStage) {
         // 4. 将 textView 和 scoresView 添加进RootView
         root.getChildren().addAll(textView, scoresView);
 
-        // 5. 创建包含了 RootView 的 Scene，添加样式表，并将其放入 PrimaryStage。
+        // 5. 创建包含了 RootView 的 Scene
         Scene scene = new Scene(root);
-        scene.getStylesheets().add("/css/root.css");
 
         primaryStage.setScene(scene);
+        primaryStage.setTitle("跟打器");
 
         // 6. 显示primaryStage
         primaryStage.show();

.idea/workspace.xml

@@ -10,7 +10,6 @@
 import javafx.scene.input.KeyEvent;
 import javafx.scene.paint.Color;
 import javafx.scene.paint.Paint;
-import javafx.scene.text.Font;
 import javafx.scene.text.Text;
 import javafx.scene.text.TextFlow;
 import javafx.util.Duration;
@@ -94,7 +93,6 @@ public void setTextShow(String text) {
         text.codePoints().forEach(
                 c -> {
                     var text1 = new Text(new String(Character.toChars(c)));
-                    text1.setFont(Font.font("Verdana", 20));
                     textShowArea.getChildren().add(text1);
                 }
         );

src/main/java/me/ryan/MainApp.java

@@ -1,4 +1,40 @@
+@font-face {
+    font-family: SourceHanSerifCN-Regular;
+    src: url("/font/SourceHanSerifCN-Regular.otf");
+}
 
--fx-background-color {
+/*1. 全局配置*/
+.root {
+    -fx-font-family: "SourceHanSerifCN-Regular";
+    -fx-font-size: 14;
+    /*-fx-background: ;*/
+    -fx-text-alignment: center;
+}
 
+/*2. 菜单栏*/
+MenuBar {
+}
+
+Menu {
+
+}
+
+/*3. 跟打显示栏*/
+TextFlow {
+}
+
+TextFlow > Text {
+    /*text 没有背景色属性*/
+    /*-fx-text-fill: ;*/
+}
+
+/*4. 跟打输入栏*/
+TextArea {
+}
+
+/*5. 成绩显示栏*/
+TableView {
+}
+
+.table-column {
 }

src/main/java/me/ryan/controller/TextController.java

@@ -2,21 +2,21 @@
 
 <?import javafx.scene.control.*?>
 <?import javafx.scene.layout.VBox?>
-<VBox xmlns:fx="http://javafx.com/fxml/1"
-      fx:controller="me.ryan.controller.RootController"
-      maxHeight="Infinity" maxWidth="Infinity"
+<VBox maxHeight="Infinity" maxWidth="Infinity"
       minHeight="440" minWidth="800"
       prefHeight="440.0" prefWidth="800.0"
-      xmlns="http://javafx.com/javafx/8.0.141">
+      stylesheets="@/css/root.css"
+      xmlns="http://javafx.com/javafx/8.0.141"
+      xmlns:fx="http://javafx.com/fxml/1"
+      fx:controller="me.ryan.controller.RootController">
 
     <children>
         <MenuBar>
             <menus>
                 <Menu mnemonicParsing="false" text="发文">
                     <items>
                         <MenuItem mnemonicParsing="false" text="打开载文面板"/>
-                        <MenuItem mnemonicParsing="false" text="QQ剪切版载文"
-                                  onAction="#setTextFromCupboard"/>
+                        <MenuItem mnemonicParsing="false" onAction="#setTextFromCupboard" text="QQ剪切版载文"/>
                     </items>
                 </Menu>
                 <Menu mnemonicParsing="false" text="模式">