Font-face sur Firefox

5 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Font-face sur Firefox

Message 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
Bakacake

Bakacake
***

Masculin
Messages : 124
Inscrit(e) le : 04/12/2009

http://tales-of-fate.forumactif.com/forum.htm
Bakacake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message par Bakacake Dim 9 Oct 2011 - 19:40

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

Bakacake
***

Masculin
Messages : 124
Inscrit(e) le : 04/12/2009

http://tales-of-fate.forumactif.com/forum.htm
Bakacake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message par Bakacake Mer 12 Oct 2011 - 20:42

Cela ne fonctionne toujours pas =/
Bakacake

Bakacake
***

Masculin
Messages : 124
Inscrit(e) le : 04/12/2009

http://tales-of-fate.forumactif.com/forum.htm
Bakacake a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Font-face sur Firefox

Message 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
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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 ! ^^
Alluna

Alluna
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 22/06/2011

http://reves-absurdes.1fr1.net/
Alluna a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Font-face sur Firefox

Message par no_way Sam 15 Oct 2011 - 15:20

Bonjour Very Happy
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.
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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.. :/


Alluna

Alluna
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 22/06/2011

http://reves-absurdes.1fr1.net/
Alluna a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Font-face sur Firefox

Message 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
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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.. :/
Alluna

Alluna
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 22/06/2011

http://reves-absurdes.1fr1.net/
Alluna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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.
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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)
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

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

Bakacake
***

Masculin
Messages : 124
Inscrit(e) le : 04/12/2009

http://tales-of-fate.forumactif.com/forum.htm
Bakacake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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...
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message 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..
Alluna

Alluna
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 22/06/2011

http://reves-absurdes.1fr1.net/
Alluna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message par no_way Dim 16 Oct 2011 - 15:08

Je vous en prie et exact, les polices fantaisistes sont clairement à réserver au titrage Razz
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Font-face sur Firefox

Message par Invité Lun 24 Oct 2011 - 10:14

Font-face sur Firefox Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Font-face sur Firefox Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Font-face sur Firefox 50378

A bientôt sur ForumActif Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum