Discussion :

[TroisR]

Bonjour,
J'essaie d'utiliser la police HoboStd avec @fon-face dans IE11:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
@font-face
	{ font-family: 'HoboStd';
	  src: url('HoboStd.eot');
	  src: url('HoboStd.eot?#iefix') format('embedded-opentype'),
		   url('HoboStd.woff') format('woff'),
		   url('HoboStd.ttf') format('truetype'),
		   url('HoboStd.svg#HoboStd') format('svg');
	  font-weight: normal;
	  font-style: normal; }

puis je définit un format:

Code :

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

HoboStd_16BLack { font-family:"HoboStd"; font-style:normal; font-size:16px; color:#000000; }

Je le triture dans tous les sens, mais je n'arrive pas à l'afficher.
D'avance, merci de vos conseils.

[numew]

Avec l'ajout d'un point pour créer une classe css

Code :

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

1
2
 
.HoboStd_16BLack { font-family:"HoboStd"; font-style:normal; font-size:16px; color:#000000; }

et son utilisation dans le code html :

Code :

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

1
2
 
<div class="HoboStd_16BLack">Mon texte</div>

Cela devrait fonctionner

[TroisR]

Bonjour numew,

Le point n'est pas présent dans mon exemple mais existe bien dans le code.

[numew]

Si les différents fichiers des font (HoboStd.eot, HoboStd.woff, HoboStd.ttf, HoboStd.svg) sont bien disponibles au même endroit que le css, alors le code est fonctionnel

[TroisR]

C'est-à-dire que je n'ai de disponible que HoboStd.eot

[Invité]

Bonjour,

• Font Squirell - Webfont Generator

[numew]

C'est-à-dire que je n'ai de disponible que HoboStd.eot

As tu importé les autres formats (générés via le lien qui à été donné) ?

Il y'a toujours l'erreur

Code :

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

@fon-face {

dans le dernier code copié.

Le fichier css est il bien appelé ? si tu met un :

Code :

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

1
2
 
body{background:#ff0000;}

ce la s'applique t'il à la page ?

[valaendra]

@fon-face

Mal recopié également ? Parceque c'est @font-face