guigarage

Button b = new Button("Text");
b.setFont(new Font("Arial", 24));

guigarage

#my-button {
  -fx-font-family: "Arial";
  -fx-font-size: 24;
}

guigarage

.text {
    -fx-font-family: "Asap";
}

guigarage

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.ttf');
}

.text {
    -fx-font-family: "Roboto";
}

guigarage

<dependency>
  <groupId>com.guigarage</groupId>
  <artifactId>responsivefx</artifactId>
  <version>X.Y</version>
</dependency>

guigarage

<div class="hidden-xs">big text<div>
<div class="visible-xs">small text<div>

guigarage

ResponsiveHandler.addResponsiveToWindow(primaryStage);

guigarage

TableView table = new TableView(items);
table.getStyleClass().addAll("visible-lg", "visible-md");

ListView list = new ListView(items);
list.getStyleClass().addAll("visible-xs", "visible-sm");

pane.getChildren().addAll(table, list);

guigarage

<div class="visible-xs">...<div> <!--extra small-->
<div class="visible-sm">...<div> <!--small-->
<div class="visible-md">...<div> <!--medium-->
<div class="visible-lg">...<div> <!--large-->

guigarage

Toolbar extraSmallToolbar = new Toolbar(...);
extraSmallToolbar.getStyleClass().add("visible-xs");

Toolbar smallToolbar = new Toolbar(...);
smallToolbar.getStyleClass().add("visible-sm");

Toolbar mediumToolbar = new Toolbar(...);
mediumToolbar.getStyleClass().add("visible-md");

Toolbar largeToolbar = new Toolbar(...);