IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

font-face Compatibilité Firefox


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2013
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2013
    Messages : 48
    Par défaut font-face Compatibilité Firefox
    Bonjour, au début ma police ne fonctionnait que sur google Chrome et pas sur Firefox ni IE.

    Après avoir fait quelques recherches :

    http://typographisme.net/post/Bonnes...ons-@font-face

    http://torgar.developpez.com/glossaire-css/?page=page_1

    http://www.developpez.net/forums/d87...bleme-firefox/

    http://www.paulirish.com/2009/bullet...tation-syntax/

    etc..

    J'avais beau essayer les solutions proposées, ma police ne fonctionnait toujours pas sur IE et firefox.

    J'ai donc essayer de la générer avec http://www.fontsquirrel.com/tools/webfont-generator

    Et donc me voilà avec ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    @font-face {
        font-family: 'before_the_rainregular';
        src: url('POLICE/beforetherain_personal_use_demo-webfont.eot');
        src: url('POLICE/beforetherain_personal_use_demo-webfont.eot?#iefix') format('embedded-opentype'),
             url('POLICE/beforetherain_personal_use_demo-webfont.woff') format('woff'),
             url('POLICE/beforetherain_personal_use_demo-webfont.ttf') format('truetype'),
             url('POLICE/beforetherain_personal_use_demo-webfont.svg#before_the_rainregular') format('svg');
        font-weight: normal;
        font-style: normal;
     
    }
    Je sais que ce sujet à déjà été abordé mais je n'arrive pas à trouver la solution pour que ma police soit compatible avec firefox, quelqu'un aurait-il une solution à me proposé? :/

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    je te propose une lecture complémentaire

    Comment utiliser une police personnalisée sur un site Web ?

  3. #3
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    avez-vous consulté la page de Font-squirrel : http://www.fontsquirrel.com/blog/201...-face-problems

  4. #4
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2013
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2013
    Messages : 48
    Par défaut
    Bonjour et tout d'abord merci de vos réponses !

    Mais ça ne va toujours pas..

    J'ai regardé le tuto proposé par NoSmoking et je l'ai appliqué à la lettre, mais ça me donne le même résultat, Google Chrome et IE fonctionne mais pas Firefox.

    Et rodolphebrd, j'ai été voir mais de ce que je comprends lorsqu'il propose des solutions (autre que mettre le navigateur à jour) pour Firefox, il faut déjà avoir un domaine, ce qui, si je travail en local n'ai pas encore si je ne me trompe pas?

  5. #5
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    De mémoire je crois avoir eu un problème similaire tant que je travaillais en local avec Firefox. Tout est rentré dans l'ordre lorsque le site a été mis en ligne.

  6. #6
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2013
    Messages
    48
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2013
    Messages : 48
    Par défaut
    C'est ce que j'ai déjà entendu dire, je vais alors attendre de mettre le site en ligne pour voir si le problème se résoudra, merci beaucoup !

Discussions similaires

  1. @font-face sous Firefox
    Par lotfi69 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/03/2013, 21h27
  2. Mode compatibilité & font-face
    Par pkpasutiliserlemail dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 24/11/2011, 09h49
  3. [CSS 3] @font-face Probleme Firefox
    Par 20cents dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 16/02/2010, 14h44
  4. Compatibilité Firefox et IE !!
    Par Mike91 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 09/01/2006, 16h47
  5. [FLASH MX2004] [flashvars] Compatibilité Firefox / IE
    Par CUCARACHA dans le forum Flash
    Réponses: 4
    Dernier message: 20/10/2005, 12h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo