Probleme font-face avec url entier

**mapi3** · 18/02/2011, 11h14

Bonjour,

Je souhaite utiliser une police non standard. Pour cela je fais appel à font-face, du type

Code :

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

1
2
3
4
5
@font-face {
	  font-family: "Fertigo";
	  src: url("Fertigo.otf")
	  	  format("opentype");
}

Jusque la, aucun souci puisque ma fonte est placée dans le meme dossier que mon fichier

Mon souci est lorsque la fonte n'est pas placée dans ce dossier, et que je souhaite utiiliser une adresse absolue type http://site/fonte.otf

Voir exemple:

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
<head>
  <title>Example</title>
  <style type="text/css" media="screen, print">
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	  font-family: "Fertigo";
	  src: url(http://www.taptaptap.com/Fertigo.otf)
	  	  format("opentype");
}
 
    body { 
    	font-family: "Fertigo", serif;
   	 	font-size:40px;
   	}
  </style>
</head>
<body>
  This text uses Fertigo.
</body>

Si vous avez une idée, je suis preneur. Merci bcp

**ornitho13** · 18/02/2011, 11h58

Salut,

utilise des "" pour entourer l'url de ta police:

Code css :

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

1
2
3
4
5
6
@font-face {
	  font-family: "Fertigo";
	  src: url("http://www.taptaptap.com/Fertigo.otf")
	  	  format("opentype");
}

**mapi3** · 18/02/2011, 13h12

Merci,

Ceci étant ca ne marche pas non plus !

Une précision. Je cherche à le faire fonctionner sous Firefox. Après pour IE, je me debrouillerai

**ornitho13** · 18/02/2011, 13h50

ah oui sous firefox, on ne peut utiliser que les chemins relatifs

Si tu veux utiliser des chemins absolus ou des fonts provenant d'un autre domaine, tu es obligé d'envoyer la font avec un header particulier.

Voici un lien qui en parle (en rouge dans la page)
http://webfonts.info/wiki/index.php?...ort_in_Firefox

**mapi3** · 18/02/2011, 14h35

Merci, je vais explorer ca !!

Probleme font-face avec url entier

CSS

Vue hybride

Discussions similaires

Partager

Partager