Discussion :

[Kuchiki Byakuya]

bonjour à tous, je dois faire un projet html en cours, je cherche à intégrer une police extérieure pour faire le logo de mon site.
voici le code que j'utilise : ( placé dans le head de ma page html )

Code :

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

1
2
3
<style type="text/css">
 @font-face { font-family:Searfont; src:url(Searfont.TTF), url(Searfont.TTF); } 
</style>

celà fonctionne parfaitement en local ( j'utilise wampserver ) mais dès que j'essaye de le mettre sur mon hébergeur gratuit ( toilelibre ) elle ne veut pas s'ecrire avec la police. pourtant le TTF est sur mon FTP :S
en attente de vos réponses

[thelvin]

Vérifie les majuscules et minuscules.

[Kuchiki Byakuya]

logiquement mon fichier TTF s'appelant Searfont.TTF ça devrait marcher non ? ( le ttf est à la racine de mon arborescence comme la page qui l'utilise )

[ornitho13]

salut,

peux tu donner l'adresse de ta démo en ligne?

merci

[Kuchiki Byakuya]

http://zombigo.toile-libre.org/html/projet/accueil.php

[thelvin]

logiquement mon fichier TTF s'appelant Searfont.TTF ça devrait marcher non ? ( le ttf est à la racine de mon arborescence comme la page qui l'utilise )

S'il s'appelle comme ça, oui ça devrait marcher. Ce que je t'ai dit, c'est de vérifier qu'il s'appelle comme ça.

Or, j'ai essayé au petit bonheur la chance, sur ton serveur il n'y a aucun fichier Searfont.TTF
En revanche il y a un fichier searfont.ttf et un fichier Searfont.ttf (j'ignore comment tu as fait ça, surtout si tu t'en es pas aperçu.)

Donc, quand je dis de vérifier les majuscules et minuscules, vérifie les majuscules et minuscules !

Sur ton WAMP ça marche, parce que Windows ne fait pas la différence entre majuscules et minuscules dans les noms de fichiers. Le reste du monde, si. Le plus simple est de tout avoir en minuscules, comme ça pas de problème.

[ornitho13]

d'après ce que je vois, le navigateur n'arrive pas à trouver le fichier searfont.TTF (il me dit qu'il y a un 404 vers cette url via firebug ou les outils de développement Chrome).

Tu dois donc vérifier que le fichier est bien présent à l'adresse suivante:
http://zombigo.toile-libre.org/html/projet/searfont.TTF (ce qui n'est pas le cas pour le navigateur).

[thelvin]

Comme je l'ai dit juste avant, en essayant on trouve un searfont.ttf et un Searfont.ttf

[ornitho13]

ton problème en fait du fait que dans le code source c'est :

Code css :

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

1
2
 
@font-face { font-family:Searfont; src:url(searfont.TTF), url(searfont.TTF); }

il faut mettre:

Code css :

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

1
2
@font-face { font-family:Searfont; src:url(searfont.ttf), url(searfont.ttf); }

l'extension ne doit pas être en majuscule, c'est pour cette raison que le navigateur ne le trouvait pas.

[Kuchiki Byakuya]

merci, effectivement en local il est plus gentil , problème résolu