Font-face sur Firefox

par Bakacake Dim 2 Oct 2011 - 19:54

Bonsoir !
J'essaie actuellement de charger des font-face sur la base de ma feuille CSS afin de donner de l'esthétisme à mon forum. Cela fonctionne à peu près sur tous les navigateurs sauf sur Firefox. Alors que j'ai rentré tous les liens censés la faire fonctionner dans ma ma feuille :

http://ersatz.first-forum.com

Code:: @font-face { font-family: 'Chops'; src: url('http://lush.vacau.com/CHOPS__.eot'); src: local('☺'), url('http://lush.vacau.com/CHOPS__.woff') format('woff'), url('http://lush.vacau.com/CHOPS__.ttf') format('truetype'), url('http://lush.vacau.com/CHOPS__.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: chops; src: local("Chops"), local("Chopin-Script"), url(http://lush.vacau.com/CHOPS__.ttf); font-weight: bold; }

Merci beaucoup de votre aide et bonne soirée :3

par Bakacake Dim 9 Oct 2011 - 19:40

Je n'ai toujours pas trouvé de réponse à mon problème =/

par Scoubifitz Dim 9 Oct 2011 - 21:54

bonsoir,

il aurait été plus facile pour nous d'avoir toutes les données ...

Cela évite une perte énorme de temps pour fouiner dans votre CSS ...

si vous utilisez des majuscules dans un font-face , reportez ces majuscules dans la class appropriée ...

Amicalement,
Scoubifitz

par Bakacake Mer 12 Oct 2011 - 20:42

Cela ne fonctionne toujours pas =/

par Scoubifitz Jeu 13 Oct 2011 - 16:47

bonjour,

après quelques recherches , j'ai trouvé pourquoi Firefox refuse d'afficher l'affichage du font-face ...

Le navigateur a inclus un paramètre sécuritaire pour l'utilisation d'un font-face en lien externe ...

Vous pourrez donc utiliser un chemin relatif pour accéder au fichier , mais pas de chemin complet , à moins de modifier les droits d’accès (.htaccess) de votre hébergeur en spécifiant l'autorisation de controle d'accès ...

http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

par Alluna Sam 15 Oct 2011 - 1:18

J'ai le même souci avec le font face, mon code fonctionne très bien sous chrome, mais mon forum est optimisé sous firefox et j'aimerais qu'il le reste. Je suis allée sur le site que vous avez proposé, c'est exactement le souci que nous avons quand nous utilisons le font-face sous forumactif : on est obligés de l'héberger dans un autre serveur, et firefox bloque le chargement des polices via un autre serveur que celui qui héberge le site (ici, FA).

Le code proposé sur le site :

Code:: AddType application/vnd.ms-fontobject .eot AddType font/ttf .ttf AddType font/otf .otf <FilesMatch "\.(ttf|otf|eot)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>

me semble être une bonne solution, mon seul souci c'est de savoir où le placer sur Forumactif.
Merci de votre réponse ! ^^

par no_way Sam 15 Oct 2011 - 15:20

Bonjour

Il est possible d'utiliser:
http://www.google.com/webfonts

Si vous n'y trouvez pas votre police,il faut avoir recours à un serveur:

Ce code:

Code:: AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType font/woff woff AddType image/svg+xml svg svgz <FilesMatch "\.(ttf|otf|woff|eot)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>

doit être mis dans un fichier texte que vous devez renommer en ".htaccess", attention lorsqu'un fichier voit son nom commencer par un point, il devient alors un fichier caché.
Je suis sous linux mais il me semble que pour windows, une fois dans le dossier ou se trouve le-dit fichier il faut regarder dans affichage et il doit y avoir une option genre: "afficher les fichiers cachés".

Le ".htaccess" doit être placé sur le serveur hébergeant les fontes, ce ne peut être forumactif .

Un point important est que la fonte doit être libre à la diffusion !

Restera encore un petit souci, tout le monde peut s'accaparer les ressources du serveur en pratiquant le "hotlinking", personnellement j'utilise mod_rewrite pour éviter ça.

Je ne peux que conseiller les fontes sous licence OFL dont je me permets de vous donner une traduction(sans valeur légale car non officielle).

@ bientôt Wink

.

par Alluna Sam 15 Oct 2011 - 23:29

Merci pour votre réponse Smile

J'ai donc créé ce fichier texte et l'ai hébergé sur le serveur FTP qui héberge mes polices, mais firefox refuse toujours de l'afficher Sad

(alors que ça fonctionne dans problème sous chrome). Et je vois vraiment pas à quel moment ça bloque, c'est censé fonctionner...! Le .htaccess est bien au format txt ? ><

Pour ce qui est des polices libres, j'utilise celles de fontsquirrel.com. En plus ils proposent le kit fontface tout pret, je n'ai plus qu'à héberger les fichiers et à remplacer les liens dans le code !

Il ne reste que ce problème de cross-domain de firefox qui m'énerve assez je dois dire.. :/

par no_way Sam 15 Oct 2011 - 23:53

le ".htaccess" est un fichier texte sans nom portant l'extension ".htaccess" autrement dit surtout pas ".htaccess.txt" mais bien ".htaccess".

Ensuite il faut un serveur WEB ! Comprenez sur lequel est exécuté Apache compilé avec mod_headers et acceptant la configuration par ".htaccess".

Après je ne connais pas la configuration de votre serveur..., difficile de vous guider plus Smile

par Alluna Dim 16 Oct 2011 - 0:16

Je m'étais bien trompée pour l'extension de fichier, donc maintenant j'ai un fichier HTACCESS sans nom, hébergé sur mon serveur et... j'ai toujours Arial sur mon forum.
Je vais essayer un autre serveur (je ne vois plus que ça qui gènerait !) et puis au pire bah j'en resterai aux polices basiques.. :/

par no_way Dim 16 Oct 2011 - 0:19

Pourriez-vous m'envoyer un lien pointant vers la police en MP s'il vous plait.

par Ea Dim 16 Oct 2011 - 6:46

L'adresse est donnée dans le premier post.

Chez moi comme c'est là, cela fonctionne bien sous chromium et firefox :
https://i.imgur.com/ge4tN.png

Et je reçois bien le :

Code:: Access-Control-Allow-Origin "*"

Dans la requête qui prend la police.

par no_way Dim 16 Oct 2011 - 9:40

Etana a écrit:L'adresse est donnée dans le premier post.

Chez moi comme c'est là, cela fonctionne bien sous chromium et firefox :
https://i.imgur.com/ge4tN.png

Et je reçois bien le :

Code:
Access-Control-Allow-Origin "*"
Dans la requête qui prend la police.

Je ne demandais pas à Bakacake, mais merci d'avoir signalé qu'il y était arrivé.

Edit eta : ah pas remarqué qu'il y avait 2 demandeurs dans le topic (a)

par Bakacake Dim 16 Oct 2011 - 10:00

Effectivement je n'ai pas eu le temps de le signaler : mais ça fonctionne sur tous mes forums, ENFIN, et sous Firefox *___*
Merci de votre patience, j'espère que tu trouveras une solution à ton problème Alluna !

par no_way Dim 16 Oct 2011 - 10:26

Je vous en prie Wink

Je précise juste quelques points:

Proposer une fonte d'un poids raisonnable (25 Ko par exemple) permet d'éviter des temps d'attente agaçants pour le visiteur, inutile donc de prendre une fonte sur laquelle le cyrillique à été ajouté si vous ne souhaitez pas écrire en russe ...

Appliquer des fontes "exotiques" ne devrait pas nuire à la lisibilité de votre forum, un forum beau mais illisible, c'est pas terrible...

par Alluna Dim 16 Oct 2011 - 12:20

Bakacake a écrit:Effectivement je n'ai pas eu le temps de le signaler : mais ça fonctionne sur tous mes forums, ENFIN, et sous Firefox *___*
Merci de votre patience, j'espère que tu trouveras une solution à ton problème Alluna !

La chance :B J'espère aussi trouver, et je remercie au passage No_way qui a la patience de m'aider à résoudre le souci avec l'hébergement de ces polices !

@No_way, En effet, la police est jolie mais j'imagine pas ce que ça donne sur un long texte oO j'espère que c'est juste un test :B Réserver les polices fantaisistes pour des titrages, je pense..
@Etana, en effet il s'adressait à moi. (et Ubuntu, c'est le bien ♥)

Et je me tais..