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

18/02/2011, 13h12	#3
mapi3 Invité de passage Inscription : février 2011 Messages : 9 Détails du profil Informations forums : Inscription : février 2011 Messages : 9 Points : 0 Points : 0	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
	00

18/02/2011, 13h50	#4
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	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
	00

18/02/2011, 14h35	#5
mapi3 Invité de passage Inscription : février 2011 Messages : 9 Détails du profil Informations forums : Inscription : février 2011 Messages : 9 Points : 0 Points : 0	Merci, je vais explorer ca !!
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email