CSSを用いたフォントの設定

CSSのフォント設定は次の４つのプロパティで設定します。４つのプロパティは、個別に設定することも、まとめて設定することも可能です。


-fx-font-family [ FontFamilyを指定 ]
-fx-font-size　 [ Fontサイズを指定 ]
-fx-font-style　[ normal | italic | oblique ]
-fx-font-weight [ normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ]

まとめて設定する場合


			-fx-font　[ [ <font-style> || <font-weight> ] ? <font-size> <font-family> ]

各種コントロールのsetStyleメソッドで「-fx-font: italic 22 sans-serif 」を設定した実行結果を以下に示します。


			 setStyle( "-fx-font: italic 22 sans-serif" )

実行例

Label

【 Label 実行結果】

Button

【 Button 実行結果】

TextField

【 TextField 実行結果】

TextArea

【 TextArea 実行結果】

CheckBox

【 CheckBox 実行結果】

RadioButton

【 RadioButton 実行結果】

ChoiceBox

【 ChoiceBox 実行結果】

ListView

【 ListView 実行結果】

ComboBox

【 ComboBox 実行結果】

Slider

【 Slider 実行結果】

Progress

【 Progress 実行結果】

ToolBar

【 ToolBar 実行結果】

TreeView

【 TreeView 実行結果】

TreeTableView

【 TreeTableView 実行結果】

Back JavaFX Menu