Discussion :

[djenny]

Bonjour à tous,

Comment fait-on pour embarquer les polices dans le projet de manière à ce que les différents navigateurs puissent afficher de la manière les différentes pages web.

J'ai fait quelques recherches mais je ne pense pas avoir trouvé une discussion précise et simple sur ce sujet.

Quelqu'un a-t-il trouvé une discussion plus simple sur ça?
Quelqu'un a-t-il déjà pu embarquer les polices dans son projet JSF sous netbeans?

Merci d'avance pour votre aide!

[andry.aime]

Bonjour,

Tu les mets dans un repertoire et tu les appelles dans ton css

Code css :

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

1
2
3
@font-face {
    src: url(tonPolice.woff);
}

Sinon, tu peux bien expliquer ton besoin?

A+.

[djenny]

Bonjour andry.aime,

Voici ce que j'ai fait :
1. J'ai téléchargé une police "CONTENG_MARKER" au format ttf
2. Je l'ai mise dans un dossier de mon application, voici l'arborescence (ressources\polices\CONTENG_MARKER.ttf)
3. En suite je l'ai référencé dans ma feuille de style comme ceci (@font-face { src:url('../polices/CONTENG_MARKER.ttf');})
4. En fin je l'applique sur mon titre h1 comme ceci (h1{font-family: 'CONTENG_MARKER'})

Mais ça ne marche pas.

Je sais pas si j'ai manqué une étape.

Merci d'avance.

[joel.drigo]

Indique le nom dans le font-face :

Code css :

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

1
2
3
4
5
6
 
@font-face {
    font-family: CONTENG_MARKER;
    src: url('../polices/CONTENG_MARKER.ttf');
    font-weight: normal;
}

Si tu plusieurs fichiers (pour différentes graisses), tu peux avoir un font-face par fichier, et indiquer un font-weight différent.

Attention aussi au chemin "relatif", et aux positions des différents fichiers (celui qui définit la CSS, les fichiers ttf).

Personnelement, je procède ainsi : j'ai un dossier avec mes fichiers de police), un font-Montserrat.css dans ce même dossier, des font-face sans chemin :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
@font-face {
    font-family: Montserrat;
    src: url(Montserrat-Regular.otf);
    font-weight: normal;
}
 
@font-face {
    font-family: Montserrat;
    src: url(Montserrat-Bold.otf);
    font-weight: bold;
}
 
etc etc

Et ensuite, j'ai juste avec un import avec le bon chemin dans la css de ma page (@import url("resources/fonts/font-Montserrat.css");.

[djenny]

Merci beaucoup joel.drigo,

Ton code fonctionne parfaitement.