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 :

Problème avec @font-face [CSS 3]


Sujet :

CSS

  1. #1
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 429
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 429
    Points : 58 222
    Points
    58 222
    Billets dans le blog
    11
    Par défaut Problème avec @font-face
    Salut,

    J'ai dans mon fichier css le code suivant :
    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 : 'Carine';
        src : url('polices/carine-webfont.eot');
        src : url('polices/carine-webfont.woff') format('woff'),
        	  url('polices/carine-webfont.ttf') format('truetype'),
        	  url('polices/carine-webfont.svg#abcd') format('svg');
    ...
    .txt1 {
    	font: 28px "Carine", Verdana;
    	color: #4A4CFF;
    }
    Mais le problème c'est que cela ne foncitonne pas avec :
    Firefox 9.0.1 et Opéra 11.61
    Et ce qui est surprenant c'est que cela fonctionne avec :
    Internet Explorer 7 et Chrome 15.0.xxx

    Avez-vous une idée de ce qui ne va pas ?

    Merci.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    @font-face {
    	font-family : 'Carine';
        src : url('polices/carine-webfont.eot');
        src : url('polices/carine-webfont.woff'),
        	  url('polices/carine-webfont.ttf'),
        	  url('polices/carine-webfont.svg#abcd');
    }
    ?

  3. #3
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 429
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 429
    Points : 58 222
    Points
    58 222
    Billets dans le blog
    11
    Par défaut
    Cela ne fonctionne pas mieux !

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .txt1 {
    	font-family: "Carine", Verdana;
            font-size: 28px;
    	color: #4A4CFF;
    }

  5. #5
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 429
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 429
    Points : 58 222
    Points
    58 222
    Billets dans le blog
    11
    Par défaut
    Toujours pas !

  6. #6
    Membre éprouvé Avatar de alain31tl
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    935
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Novembre 2005
    Messages : 935
    Points : 1 019
    Points
    1 019
    Par défaut
    Bonsoir

    Testé sur Firefox 9.0.1.
    Pour moi, c'est fonctionnel.
    Je précise cependant que j'ai utilisé un autre police (AmericanCaptainRegular)
    Mais il n'y a pas de raison.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    @font-face {
        font-family: 'AmericanCaptainRegular';
        src: url('font/american_captain-webfont.eot');
        src: url('font/american_captain-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/american_captain-webfont.woff') format('woff'),
             url('font/american_captain-webfont.ttf') format('truetype'),
             url('font/american_captain-webfont.svg#AmericanCaptainRegular') format('svg');
     
     
    }

  7. #7
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 429
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 429
    Points : 58 222
    Points
    58 222
    Billets dans le blog
    11
    Par défaut
    Toujours pareil. Cela ne fonctionne pas avec FF et Opéra, mais fonctionne avec IE et Chrome...


  8. #8
    Membre éprouvé Avatar de alain31tl
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    935
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Novembre 2005
    Messages : 935
    Points : 1 019
    Points
    1 019
    Par défaut
    Tu as essayé de changer de police ?
    On ne sait jamais.
    Perso et sous FF, pas de problémes.

  9. #9
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 429
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 429
    Points : 58 222
    Points
    58 222
    Billets dans le blog
    11
    Par défaut
    Salut,

    Effectivement avec une autre police cela fonctionne.
    Pourtant cette police fonctionne quand elle est installé dans Windows ??? Savez-vous pourquoi ?

    Sinon, je viens de voir que s'il y a les fichiers ".htaccess" et ".htpasswd", cela ne fonctionne pas avec FF et Opéra.

    @+.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème avec font-face
    Par nanard74 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 19/11/2011, 19h42
  2. problème avec font normal
    Par adilou1981 dans le forum Flex
    Réponses: 4
    Dernier message: 28/08/2009, 12h46
  3. Syntaxe avec @font-face
    Par popeye13 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 03/03/2009, 12h59

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