[Résolu] Police TrueType ne s'affichant pas dans Firefox

Question

Pages :

Roland57

29 Feb 2016 à 21:22

(reprise du message précédent)

Merci pour vos suggestions. Je vais essayer. J'ai bien conscience que la police doit être installée sur ma machine et d'ailleurs elle l'est, comme d'autres polices du même genre que j'ai l'habitude d'utiliser. En l'occurrence je travaille sur un programme de jeu d'échecs dans lequel j'ai intégré une fonction qui produit du code HTML, afin de pouvoir vérifier le fonctionnement interne du programme. Je n'ai mis les fichiers sur mon site qu'afin que vous puissiez les télécharger. Smiley smile

Les polices en question sont accessibles à toutes mes applications (éditeurs de texte notamment) sans qu'il soit nécessaire de fournir le chemin.
Modifié par Roland57 (29 Feb 2016 - 21:24)

Roland57

29 Feb 2016 à 21:39

Voilà, je suis confus, mais ça ne fonctionne pas, avec aucun navigateur !

<style type="text/css">
@font-face {
  font-family: 'chess alfonso-x';
  src: url(ALFOCHES.TTF);
}
p#pchessboard {font-family: 'chess alfonso-x'; font-size: 20px; color: black;}
p {font-family: courier new; font-size: 16px; color: black;}
</style>

J'ai bien copié le fichier ALFOCHESS.TTF dans le dossier où se trouve mon document HTML.

Smiley rolleyes

parsimonhi

Modérateur

29 Feb 2016 à 21:49

Bonjour,

Il me semble que la police s'appelle CASEFONT.TTF (et non pas ALFOCHES.TTF). Tu l'as renommée ?

Voilà le fichier que j'utilise et il marche parfaitement :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
@font-face {
    font-family: 'chess alfonso-x';
    src: url(CASEFONT.TTF);
}
#pchessboard {
	font-family: chess alfonso-x;
	font-size: 20px;
	color: black;
	line-height: 1;
}
</style>
<!--
Chess Alfonso-X
True Type font by Armando H. Marroquin
  http://www.enpassant.dk/chess/fonteng.htm
 
-->
</head>
<body>
<p id="pchessboard">
!""""""""#<br>
$tMvWlVmT%<br>
$OoOoOoOo%<br>
$ + + + +%<br>
$+ + + + %<br>
$ + + + +%<br>
$+ + + + %<br>
$pPpPpPpP%<br>
$RnBqKbNr%<br>
/(((((((()<br>
</p>
</body>
</html>

Amicalement,
Modifié par parsimonhi (29 Feb 2016 - 21:51)

Roland57

29 Feb 2016 à 22:07

Merci pour l'essai et le code. Smiley smile

Non, je n'ai pas renommé le fichier. Nous ne parlons pas de la même police. Il y en a plusieurs sur la page :

http://www.enpassant.dk/chess/fonteng.htm

Mais effectivement, chez moi aussi, avec la police Cases, ton code fonctionne dans Firefox, mais pas dans Explorer ! C'est une histoire de fou. La suite demain, si vous le voulez bien ? En tout cas merci pour votre aide. Smiley smile

JENCAL

1 Mar 2016 à 10:49

Il faut, pour que cela fonctionne sous IE, mettre le type WOFF et non ttf.

voir erreur CSS3111 pour les curieux

Tu peux convertir facilement ton .tff en .woff, https://everythingfonts.com/ttf-to-woff

et ensuite tester avec IE (j'ai tester avec IE 11) et Firefox.


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
@font-face {
    font-family: 'chess alfonso-x';
    src: url(ALFOCHES.woff);
}
#pchessboard {
	font-family: chess alfonso-x;
	font-size: 20px;
	color: black;
	line-height: 1;
}
</style>
<!--
Chess Alfonso-X
True Type font by Armando H. Marroquin
   http://www.enpassant.dk/chess/fonteng.htm
 
 
-->
</head>
<body>
<p id="pchessboard">
!""""""""#<br>
$tMvWlVmT%<br>
$OoOoOoOo%<br>
$ + + + +%<br>
$+ + + + %<br>
$ + + + +%<br>
$+ + + + %<br>
$pPpPpPpP%<br>
$RnBqKbNr%<br>
/(((((((()<br>
</p>
</body>
</html>

Roland57

1 Mar 2016 à 17:26

Bonjour !

Effectivement, cette dernière solution fonctionne parfaitement avec les deux navigateurs. Vive le format WOFF ! Smiley smile

Merci pour votre aide.

Roland57

1 Mar 2016 à 17:38

Et je confirme aussi que la ligne