Importation d'une police

Version imprimable

11/01/2020, 15h21
hamster18

1 pièce(s) jointe(s)

Importation d'une police
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:

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 :
Pièce jointe 529938

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

2 pièce(s) jointe(s)

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

Code:

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:

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:

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();
    }
}

Pièce jointe 530160

Pièce jointe 530164

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

Citation:

Envoyé par bouye

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:

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:

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

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(); }

13/01/2020, 13h23
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.
13/01/2020, 19h28
hamster18

Citation:

Envoyé par 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.

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.
13/01/2020, 22h16
bouye

1 pièce(s) jointe(s)

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

Pièce jointe 530426
13/01/2020, 22h31
hamster18

Citation:

Envoyé par bouye

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 ...

2 pièce(s) jointe(s)

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..... :roll:

Code:

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:

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>

Pièce jointe 530433

Pièce jointe 530437

EDIT - correction du code

Citation:

Envoyé par 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..... :roll:
...

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

1 2 scene.getStylesheets().add(getClass().getResource("/css/application.css").toExternalForm());
C'est la même chose ...
je fait ceci dans le css :
Code:

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:

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

14/01/2020, 00h30
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).
14/01/2020, 13h35
hamster18

Citation:

Envoyé par 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).

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
14/01/2020, 23h02
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 ?
14/01/2020, 23h40
hamster18

Citation:

Envoyé par 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 ?

Oui car si j'utilise une font présente sur mon ordinateur elle est changer dans l'application.
28/05/2021, 15h11
paul688

Même problème.

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.
31/05/2021, 00h56
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) ?

Même problème.

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:

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:

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:

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

16/06/2021, 15h39
paul688

1 pièce(s) jointe(s)

Même problème.

Pièce jointe 599991

La font cover by your grace est telechargeable sur google fonts.
17/06/2021, 00h01
bouye

1 pièce(s) jointe(s)

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é.

Pièce jointe 600026

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.
17/06/2021, 00h15
bouye

1 pièce(s) jointe(s)

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

Pièce jointe 600027