@font-face qui fonctionne sans mettre les www.

Bonjour à tous et à toutes !

voilà quelques heures que je me creuse la tête concernant le @font-face. Je m'explique, ma typographie s'affiche correctement en localhost, mais dés que je met le site en ligne : patatras ! là ma typo laisse place à une police générique...

j'ai lu et relu les tutoriaux... rien ne me semblait étrange, mais en modifiant la barre d'url, c'est à dire en enlevant les www devant mon l'adresse le @font-face fonctionne !

ma question est la suivante : comment se fait il ?

la seule réponse sur google est une question de préférence dans le choix du nom ...

pourquoi donc la fonction est inopérante avec les www. devant le nom ??

merci de vos réponses

Bonjour,

sans un bout de code css, va être dur de t'aider. ce que tu indiques ressemble à une redirection 301, bizarre. As-tu essayé de mettre un chemin relatif plutôt que absolu dans tes css pour le font-face?

Hello, merci de ta réponse,

en mettant l'adresse absolue... ça fonctionne ça fait plaisir... mais c'est un peu étrange tout de même ...

merci en tout cas

hum... je suis de retour ^^

maintenant quand il y a les www. tout fonctionne, quand il y en à pas... le @font-face est désactivé...

voilà le CSS .

@font-face {

    font-family: 'JosefinSans';

    src: url('http://www.leonardmercader.com/squelettes-dist/css/josefinsansstd-light-webfont.eot');

    src: url('http://www.leonardmercader.com/squelettes-dist/css/josefinsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('http://www.leonardmercader.com/squelettes-dist/css/josefinsansstd-light-webfont.woff') format('woff'),

         url('http://www.leonardmercader.com/squelettes-dist/css/josefinsansstd-light-webfont.ttf') format('truetype'),

         url('http://www.leonardmercader.com/squelettes-dist/css/josefinsansstd-light-webfont.svg#JosefinSansStdLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Matchbook';

    src: url('http://www.leonardmercader.com/squelettes-dist/css/matchbook-webfont.eot');

    src: url('http://www.leonardmercader.com/squelettes-dist/css/matchbook-webfont.eot?#iefix') format('embedded-opentype'),

         url('http://www.leonardmercader.com/squelettes-dist/css/matchbook-webfont.woff') format('woff'),

         url('http://www.leonardmercader.com/squelettes-dist/css/matchbook-webfont.ttf') format('truetype'),

         url('http://www.leonardmercader.com/squelettes-dist/css/matchbook-webfont.svg#MatchbookMatchbook') format('svg');

    font-weight: normal;

    font-style: normal;



}

merci

Bonjour,

Trois choses:
- Il faudrait choisir entre le domaine "machin.com" (sans sous-domaine) et le sous-domaine "www.machin.com" comme domaine principal. Suivant le choix effectué, on pourra rediriger toutes les requêtes qui arrivent depuis un domaine vers l'autre. (Je recommanderais bien le domaine sans "www" car WWW ça fait un peu années 90, mais on fait comme on veut.)
- J'ai une erreur 404 pour le fichier WOFF suivant.
- Certains formats de fontes (EOT et WOFF, de mémoire) peuvent contenir une référence à un nom de domaine pour lequel une licence a été acquise. Certains navigateurs peuvent refuser d'afficher une fonte chargée sur "www.machin.com" si elle contient comme métadonnée "machin.com". (Là je dis ça de mémoire et un peu au pif, j'ai pas trop étudié la question.)

Merci pour ta réponse

ce qui est drôle, c'est que quand j'enlève les WWW il n y a que une police qui résiste... c'était la police qui manquait qui était en erreur 404... le hic c'est que toutes les polices semblent présentes...

mais je crois que je vais contourner le problème en faisant une redirection 301

merci, je vous tiens au courant, sur google j'ai défini dans les préférences le domaine avec www, personnellement je préfère avec les www

merci !

Je pense avoir le même problème :
http://www.languesvivantes.be/ = pas de police spéciale
et
http://languesvivantes.be/ = police spéciale

Ok pour la redirection et tout sans le www dans mon cas mais ... cela ne donne pas la réelle solution ...

La solution serait d'avoir une explication concrète et technique quant à l'échec de l'interprétation de @font-face, chose que je n'arrive pas à trouver.

Mais le fait de rediriger le www.toto.com vers > toto.com pour que tout fonctionne est de faire une redirection 301 :
http://www.annuaire-info.com/redirection-301/acces-au-site-sans-www-et-avec-www/
tu copies colles le bout de code de redirection dans ton .haccess et le tour est joué !

tu peux aussi, en plus de cette redirection 301 aller dans les outils google pour spécifier le nom de domaine favoris : http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=93633

c'est tout ce que je peux faire pour toi en ce qui me concerne ça fonctionne nikel, ce qui est le principal

ps : tes liens renvoies à des pages 404