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

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 433
    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 433
    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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    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');
    }
    ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 433
    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 433
    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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    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;
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 433
    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 433
    Billets dans le blog
    11
    Par défaut
    Toujours pas !

  6. #6
    Membre émérite 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
    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');
     
     
    }

+ 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, 18h42
  2. problème avec font normal
    Par adilou1981 dans le forum Flex
    Réponses: 4
    Dernier message: 28/08/2009, 11h46
  3. Syntaxe avec @font-face
    Par popeye13 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 03/03/2009, 11h59

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