Discussion :

[hamster18]

Bonjour j'ai essayée d'importer des styles d'écritures dans mot projet java, j'ai essayée de différentes façons et parmi elle j'ai voulu télécharger une police puis l'utiliser sauf que ça ne fonctionne pas... Je pense que l'erreur et bête mais je ne voit pas ou ....

Dans un fichier CSS j'ai fait ceci :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
@font-face { font-family: 'GhoustS'  ; src: url('/font/Ghoust-Solid.otf'); }
#labelNomPage .text{
    -fx-font-family: "GhoustS";
}

Mais l'écriture n'est pas appliqué...
Voici comment est organisée mon projet :


Merci d'avance pour vos réponses.
Cordialement.

[bouye]

bon j'ai pas les meme polices mais j'ai pu avoir du succes en utilisant un chemin relatif plutot qu'absolu :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@font-face {
    font-family: 'The Friendly Ghost';
    src: url('../fonts/The_Friendly_Ghost.otf"');
}
@font-face {
    font-family: 'Ghost';
    src: url('../fonts/Ghost.ttf"');
}
@font-face {
    font-family: 'NIGHTMARE PILLS';
    src: url('../fonts/NightmarePills-BV2w.ttf"');
}
 
#labelNomPage .text{
    -fx-font-size: 6em;
    -fx-font-family: "The Friendly Ghost";
}
#test2 .text{
    -fx-font-size: 6em;
    -fx-font-family: "Ghost";
}
#test3 .text{
    -fx-font-size: 6em;
    -fx-font-family: "NIGHTMARE PILLS";
}

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="UTF-8"?>
 
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>
 
 
<VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <Label fx:id="labelNomPage" text="Label" />
      <Label fx:id="test2" text="Label" />
      <Label fx:id="test3" text="Label" />
   </children>
</VBox>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
package font.support;
 
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
 
import java.net.URL;
import java.util.Optional;
 
public final class Main extends Application {
    public static void main(String... args) {
        launch(args);
    }
 
    @Override
    public void start(final Stage stage) throws Exception {
        final var fxmlLoader = new FXMLLoader(getClass().getResource("fxml/Test.fxml"));
        final var root = fxmlLoader.<Parent>load();
        final var scene = new Scene(root);
        Optional.ofNullable(getClass().getResource("styles/style.css"))
                .stream()
                .map(URL::toExternalForm)
                .forEach(scene.getStylesheets()::add);
        stage.setTitle("Test");
        stage.setScene(scene);
        stage.show();
    }
}

Note : il semble avoir un soucis avec les noms de fichier contenant des espaces cependant, j'ai du les remplacer par des '_'.

[hamster18]

bon j'ai pas les meme polices mais j'ai pu avoir du succes en utilisant un chemin relatif plutot qu'absolu :

...

Note : il semble avoir un soucis avec les noms de fichier contenant des espaces cependant, j'ai du les remplacer par des '_'.

Bin je voit pas d'où vient mon erreur car je fait comme cela, cela pourrait-il venir de la police que j'ai téléchargé ?

Je vous montre tout de même mon code au cas ou ou j'ai "loupé l'erreur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
@font-face {
    font-family: 'Ghoust';
    src: url('../font/Ghoust-Solid.otf"');
}
#labelNomPage .text{
    -fx-fill: white;
    -fx-font-size: 36px;
    -fx-font-family: "Ghoust";
    -fx-font-weight: bold;
    -fx-effect: dropshadow( one-pass-box , grey, 10, 0, 3, 0);
}

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

        <Label fx:id="labelNomPage" wrapText="true" maxWidth="350" textAlignment="CENTER"/>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
    private void creationStage(Parent root){
        Stage stage= new Stage();
        Scene scene = new Scene(root);
        scene.getStylesheets().add(getClass().getResource("/css/application.css").toExternalForm());
        stage.setScene(scene);
        stage.setTitle("Tarot Africain");
        stage.show();
 
    }

[bouye]

Essaie avec une autre police pour voir. Dans mes tests d'il y a quelques années, il y avait une police que je n'avais jamais réussi à faire fonctionner dans JavaFX alors que toutes les autres fonctionnaient. Es-tu sur que "Ghoust" est le nom de la famille lorsque tu fais un aperçu de la police dans Windows. Dans mon cas, les noms de familles que j'ai utilisé sont exactement ceux affichés par l’aperçu des polices de Windows.

[hamster18]

Essaie avec une autre police pour voir. Dans mes tests d'il y a quelques années, il y avait une police que je n'avais jamais réussi à faire fonctionner dans JavaFX alors que toutes les autres fonctionnaient. Es-tu sur que "Ghoust" est le nom de la famille lorsque tu fais un aperçu de la police dans Windows. Dans mon cas, les noms de familles que j'ai utilisé sont exactement ceux affichés par l’aperçu des polices de Windows.

Je ne voit pas ce que vous voulez dire par " Es-tu sur que "Ghoust" est le nom de la famille lorsque tu fais un aperçu de la police dans Windows."
Sinon j'ai essayer avec deux autre police est le résultat est le même.

[bouye]

Tu es sous Windows ? Double-clique sur le fichier de la police et prend note du nom qui y est mentionne.

[hamster18]

Tu es sous Windows ? Double-clique sur le fichier de la police et prend note du nom qui y est mentionne.

Oui je suis sous Windows , j'ai essayé mais cela ne fonctionne pas non plus ...

[bouye]

Hum hum, ayant enfin trouvé la police en question, chuis pas vraiment sur que tu ai suivi ce que j'ai fait précédement.
Enfin bref, ça marche sans aucun soucis.....

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@font-face {
    font-family: 'The Friendly Ghost';
    src: url('../fonts/The_Friendly_Ghost.otf');
}
@font-face {
    font-family: 'Ghost';
    src: url('../fonts/Ghost.ttf"');
}
@font-face {
    font-family: 'NIGHTMARE PILLS';
    src: url('../fonts/NightmarePills-BV2w.ttf');
}
@font-face {
    font-family: 'Ghoust Outline';
    src: url('../fonts/Ghoust_Outline.otf');
}
@font-face {
    font-family: 'Ghoust Shadow';
    src: url('../fonts/Ghoust_Shadow.otf');
}
@font-face {
    font-family: 'Ghoust Solid';
    src: url('../fonts/Ghoust_Solid.otf');
}
 
#labelNomPage .text{
    -fx-font-size: 6em;
    -fx-font-family: "The Friendly Ghost";
}
#test2 .text{
    -fx-font-size: 6em;
    -fx-font-family: "Ghost";
}
#test3 .text{
    -fx-font-size: 6em;
    -fx-font-family: "NIGHTMARE PILLS";
}
#ghoust1 .text{
    -fx-font-size: 6em;
    -fx-font-family: "Ghoust Outline";
}
#ghoust2 .text{
    -fx-font-size: 6em;
    -fx-font-family: "Ghoust Shadow";
}
#ghoust3 .text{
    -fx-font-size: 6em;
    -fx-font-family: "Ghoust Solid";
}

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0" encoding="UTF-8"?>
 
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>
 
 
<VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <Label fx:id="labelNomPage" text="Label" />
      <Label fx:id="test2" text="Label" />
      <Label fx:id="test3" text="Label" />
      <Label fx:id="ghoust1" text="Label" />
      <Label fx:id="ghoust2" text="Label" />
      <Label fx:id="ghoust3" text="Label" />
   </children>
</VBox>

EDIT - correction du code

[hamster18]

Hum hum, ayant enfin trouvé la police en question, chuis pas vraiment sur que tu ai suivi ce que j'ai fait précédement.
Enfin bref, ça marche sans aucun soucis.....
...

Bin pourtant a l'exception de la façon que je charge mon fichier css qui est de la manière suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
        scene.getStylesheets().add(getClass().getResource("/css/application.css").toExternalForm());

C'est la même chose ...
je fait ceci dans le css :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
@font-face {
    font-family: 'Ghoust Shadow';
    src: url('../font/Ghoust_Shadow.otf"');
}
 
#labelNomPage .text{
    -fx-fill: white;
    -fx-font-size: 36px;
    -fx-font-family: 'Ghoust Shadow';
    -fx-font-weight: bold;
    -fx-effect: dropshadow( one-pass-box , grey, 10, 0, 3, 0);
}

et dans le fxml voici la ligne que j'essaye d'affecter :

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

        <Label fx:id="labelNomPage" wrapText="true" maxWidth="350" textAlignment="CENTER"/>

[bouye]

Dans ce cas on va revenir a des interrogations plus basiques : quelle version de Java ? Quelle version de JavaFX ? Quel IDE ?

Dans mon cas c’était Java 13, JavaFX 13 et IDEA 2019.3.1

EDIT - tu as laissé un " a la fin du nom de ton fichier de police. Un message d'erreur devrait s'afficher dans la console de ton IDE indiquant que le fichier n'a pas pu être chargé au démarrage de ton application.

EDIT2 - en fait l'erreur vient de moi semble-t'il, intéressant car ça empêche pas le programme de fonctionner chez moi.

EDIT3 - après correction (retrait du " en trop), ça fonctionne toujours. Le " est sans doute un reliquat de quand j’essayais de trouver comment échapper des fichiers de police avec des espace dans le nom (%20 et " marchent pas)

EDIT4 - normalement si tu ouvres ton FXML dans SceneBuilder et que tu vas dans Preview -> Scene Style Sheets -> Add a Style Sheet... et que tu choisis ta feuille de style, l'outils de Gluon est sensé être tout a fait capable d'afficher les polices que tu as défini (l'affichage peut ne pas être totalement corrects avec les labels empilés les uns sur les autres durant quelques instants, le temps que les calculs de taille se fassent).

[hamster18]

Dans ce cas on va revenir a des interrogations plus basiques : quelle version de Java ? Quelle version de JavaFX ? Quel IDE ?

Dans mon cas c’était Java 13, JavaFX 13 et IDEA 2019.3.1

EDIT - tu as laissé un " a la fin du nom de ton fichier de police. Un message d'erreur devrait s'afficher dans la console de ton IDE indiquant que le fichier n'a pas pu être chargé au démarrage de ton application.

EDIT2 - en fait l'erreur vient de moi semble-t'il, intéressant car ça empêche pas le programme de fonctionner chez moi.

EDIT3 - après correction (retrait du " en trop), ça fonctionne toujours. Le " est sans doute un reliquat de quand j’essayais de trouver comment échapper des fichiers de police avec des espace dans le nom (%20 et " marchent pas)

EDIT4 - normalement si tu ouvres ton FXML dans SceneBuilder et que tu vas dans Preview -> Scene Style Sheets -> Add a Style Sheet... et que tu choisis ta feuille de style, l'outils de Gluon est sensé être tout a fait capable d'afficher les polices que tu as défini (l'affichage peut ne pas être totalement corrects avec les labels empilés les uns sur les autres durant quelques instants, le temps que les calculs de taille se fassent).

Alors j'utilise java version 11.0.5, la version javafx 11.0.2 et idea 2019.2.2
et la police n'est pas afficher dans gluon

[bouye]

J'ai pris exactement le même code (corrigé) que j'ai mis dans un nouveau projet JDK 11.0.2 + JavaFX 11.0.2 et ça marche toujours impec pour moi. Donc pas trop d'idée...

Es-tu vraiment sur que ta feuille de style soit appliquée ???? Par exemple si tu changes d'autres attributs de ton label (couleur, taille, bordure, couleur de fond, etc.) sont-ils impactés ?

[hamster18]

J'ai pris exactement le même code (corrigé) que j'ai mis dans un nouveau projet JDK 11.0.2 + JavaFX 11.0.2 et ça marche toujours impec pour moi. Donc pas trop d'idée...

Es-tu vraiment sur que ta feuille de style soit appliquée ???? Par exemple si tu changes d'autres attributs de ton label (couleur, taille, bordure, couleur de fond, etc.) sont-ils impactés ?

Oui car si j'utilise une font présente sur mon ordinateur elle est changer dans l'application.

[paul688]

Je suis sur intelli J avec scene builder j'ai monté la config un peu à l'arrache vu que je suis débutant et j'ai le même problème.

[bouye]

Mêmes interrogations qu'a l’époque :

• Quelle version de Java ?
• Quelle version de JavaFX ?
• Quelle version de Scene Builder (tant qu'a faire) ?
• Quel IDE ?
• Ou et comment sont placés les fichiers dans le projet ?
• Comment est définie la police dans le CSS (si c'est un CSS) ?
• Quelle police (histoire que je tente de la retrouver si c'est une police gratuite pour pouvoir faire des tests) ?

[paul688]

Ma version de jre est open 16.0.1 ma version de javaFX est 16 ma version de scene builder est 16.

mon css

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
@font-face {
font-family: 'Covered By Your Grace'  ;
src: url('CoveredByYourGrace.ttf');
}
 
.font_CBYG {
    -fx-font-family: 'Covered By Your Grace';
    -fx-font-size: 10em;
}

mon xml:

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="UTF-8"?>
 
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.shape.Circle?>
 
 
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/16" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <Label layoutX="214.0" layoutY="200.0" prefHeight="177.0" prefWidth="298.0" styleClass="font_CBYG" stylesheets="@styles.css" text="Label" />
      <Circle fill="DODGERBLUE" layoutX="184.0" layoutY="148.0" radius="100.0" stroke="BLACK" strokeType="INSIDE" />
   </children>
</AnchorPane>

mon java:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
package sample;
 
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
 
import java.net.URL;
import java.util.Optional;
 
public class Main extends Application {
 
    @Override
    public void start(Stage primaryStage) throws Exception{
        final var fxmlLoader = new FXMLLoader(getClass().getResource("sample.fxml"));
        final var root = fxmlLoader.<Parent>load();
        final var scene = new Scene(root);
        Optional.ofNullable(getClass().getResource("styles.css"))
                .stream()
                .map(URL::toExternalForm)
                .forEach(scene.getStylesheets()::add);
        primaryStage.setTitle("Test");
        primaryStage.setScene(scene);
        primaryStage.show();
        /*Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();*/
    }
 
 
    public static void main(String[] args) {
        launch(args);
    }
}

merci d'avance

[paul688]

La font cover by your grace est telechargeable sur google fonts.

[bouye]

Hum, j'ai pas de soucis pour ma part et j'ai pas fait de changement majeur dans ton code a part un package différent (car j'ai une archi différente pour mes tests) et changé le nom du fichier TTF dans ton CSS pour matcher celui que j'ai téléchargé depuis Google Fonts (CoveredByYourGrace.ttf -> CoveredByYourGrace-Regular.ttf). Et j'ai aussi mis le texte en rouge pour bien vérifier que le CSS était bien appliqué.



PS : pour avoir l’aperçu CSS dans SceneBuilder il faut aller dans Preview->Scene Style Sheets->Add a Style Sheet...

PS2 : par contre je suis dans une application modulaire. Je vais voir si ca fait pareil dans une application non-modulaire.

[bouye]

Et aucun soucis non-plus avec une application non-modulaire et un package similaire au tien.