28172 sujets

CSS et mise en forme, CSS3

@font-face fonctionne au boulot, mais pas à la maison

Bonjour,

Voici mon blog canalblog : http://byanhor.canalblog.com/
Je l'ai voulu avec de jolies polices, et j'ai employé @face-font comme je l'ai déjà fait dans d'autres projets.
Oui, mais là bizarrement, alors que depuis mon poste de travail, les polices apparaissent bien, ici depuis la maison impossible, Firefox, ou IE même topo

@font-face {
font-family: "LillyRegular";
src: url("http://byanhor.free.fr/surmesures/css/font-face/Lilly-webfont.eot");
src: url("http://byanhor.free.fr/surmesures/css/font-face/Lilly-webfont.eot?#iefix") format("embedded-opentype"),
url("http://byanhor.free.fr/surmesures/css/font-face/Lilly-webfont.woff") format("woff"),
url("http://byanhor.free.fr/surmesures/css/font-face/Lilly-webfont.ttf") format("truetype"),
url("http://byanhor.free.fr/surmesures/css/font-face/Lilly-webfont.svg#LillyRegular") format("svg");
font-weight: normal;
font-style: normal;
}

Est-ce que le fait que je fasse pointer vers le domaine free peut jouer ?

Merci
Je précise que m'étant inscrite sur un forum, une personne a complimenté l'aspect de blog, j'en déduis que cette personne voit bien cette police Lilly
Pas d'idées ?
Je précise encore que les options à la maison autorise le téléchargement des polices. Et vous que voyez vous ? Des polices spéciale ou des polices standard ? MERCI
Merci je regarde ça...
En fait avec canalblog il n'y a pas de ftp et on peut stocker des fichiers mais avec des chemins barbare, c'est pour ça que je pointais sur free
Modifié par Ababdge (27 Jul 2011 - 12:49)
C'est pire, ça ne fonctionne plus ici non plus ! Sous IE (n'était-ce pas sensé marcher qu'avec Firefox ?)

J'ai mis un fichier .htaccess dans mon répertoire http://byanhor.free.fr/surmesures/css/font-face

<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Modifié par Ababdge (27 Jul 2011 - 13:23)
Bon, comme je n'avais pas envie de me battre avec les htaccess je me suis rabattue sur la solution la plus simple (mais pas la moins laborieuse), stocker les fichiers eot, woff, ttf et svg sur http://storage.canalblog.com

Je verrais ce soir à la maison comment se comportent IE et Firefox
Bon ben de retour au bercail, mon problème persiste, et sous IE et sous Firefox, je ne vois pas mes polices. J'en perds mon latin Smiley sweatdrop
Bonsoir à toutes et à tous,

en allant sous opera, j'ai eu ces erreurs :
a écrit :
[28/07/2011 23:55:35] JavaScript - http://byanhor.canalblog.com/
Event thread: DOMContentLoaded
Uncaught exception: TypeError: '$('.easyShare').easyShare' is not a function
Error thrown at line 10, column 0 in <anonymous function>() in http://byanhor.canalblog.com/:
$('.easyShare').easyShare({
called from line 19, column 41125 in <anonymous function: ready>() in http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js:
this.call(document,o)
called via Function.prototype.call() from line 12, column 15654 in <anonymous function: each>(G, K, F) in http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js:
for(var J=G[0];H<I&&K.call(J,H,J)!==false;J=G[++H])
called via Function.prototype.call() from line 19, column 41019 in <anonymous function: ready>() in http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js:
o.each(o.readyList,function(){this.call(document,o)});
called from line 19, column 41621 in <anonymous function>() in http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js:
o.ready()
Pour ta police de caractères "LillyRegular", cela fonctionne sur Apple Safari, Google Chrome, MSIE 8.0 (je suis sous windows XP), Opera. Par contre, cela ne fonctionne pas sous Mozilla Firefox.

@+
Modifié par Artemus24 (29 Jul 2011 - 00:05)
http://forum.alsacreations.com/topic-1-50972-1-Probleme-avec-Font-face-et-Firefox.html

Essai de vider le cache de ton nav.


PS: Ta bannière n'est pas très belle à mon gout, utilise plutôt la police Pacificio pour celle ci de manière à créer un rappel avec la police de tes titres par exemples. Enfin retravaille la je pense.
Prends des idées de design ici et là:
http://www.awwwards.com/
http://abduzeedo.com/tags/sites-week
Modifié par Nomad (03 Aug 2011 - 11:45)
A mon gout aussi je dois retravailler cette bannière, mais j'ai pas le coeur d'allumer l'ordi le soir à la maison ces jours-ci Smiley cligne
Je vais jeter un oeil à tes liens, merci
Sujet clos
Aller à