css - jfoenix - javafx stylesheet tutorial

Cómo configurar fuentes personalizadas en JavaFX Scene Builder usando CSS

Question

Estoy haciendo una GUI en JavaFX Scene Builder y me gustaría que todo el texto (Labels, Text Fields, Comboboxes) use la misma fuente. El problema es que es una fuente personalizada que probablemente no estará en la computadora de todos los clientes.

He intentado CSS:

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

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

Se guardó el código anterior en el archivo Font.css y se intentó aplicarlo a cada elemento de la GUI a través de los campos CSS JavaFX de Scene Builder, pero no está funcionando.

¿He cometido un error en el CSS? ¿O hay una mejor manera de hacerlo? Preferiría no tener que cargar la fuente y configurarla para cada elemento en el código Java si no es necesario.

Answer 1

Asegúrese de utilizar Font.loadFont para cargar la fuente en el inicio de la aplicación. Entonces deberías poder usar la fuente de CSS. Tenga cuidado de usar el nombre de la fuente, no el nombre del archivo de fuente. Ese es un error común.

He utilizado lo siguiente antes para cargar y usar una fuente personalizada:

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

y:

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

FYI: las citas solo son necesarias si el nombre contiene un espacio.