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 sous IE (Gotham)


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Novembre 2007
    Messages
    274
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 274
    Par défaut Font-face sous IE (Gotham)
    Bonjour à tous,

    Je viens vers vous, car j'ai un souci avec l'intégration de la police Gotham, voici ma déclaration css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    @font-face {
        font-family: 'Gotham';
        src: url('fonts/Gotham/Gotham-Book.eot');
        src: local('Gotham-Book'), url('fonts/Gotham/Gotham-Book.otf') format('otf'), url('fonts/Gotham/Gotham-Book.ttf') format('truetype');
        font-weight: normal; /** Gras normal **/
        font-style: normal; /** Style normal **/
    }
    @font-face {
        font-family: 'GothamMedium';
        src: url('fonts/Gotham/Gotham-Italic.eot');
        src: local('Gotham-Medium'), url('fonts/Gotham/Gotham-Medium.otf') format('otf'), url('fonts/Gotham/Gotham-Medium.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'GothamItalic';
        src: url('fonts/Gotham/Gotham-Italic.eot');
        src: local('Gotham-Italic'), url('fonts/Gotham/Gotham-Italic.otf') format('otf'), url('fonts/Gotham/Gotham-Italic.ttf') format('truetype');
        font-weight: normal;
        font-style: italic;
    }
    @font-face {
        font-family: 'GothamBold';
        src: url('fonts/Gotham/Gotham-Bold.eot');
        src: local('Gotham-Bold'), url('fonts/Gotham/Gotham-Bold.otf') format('otf'), url('fonts/Gotham/Gotham-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: italic;
    }
    Ceci fonctionne en tout cas sous Firefox, chrome et Safari, mais pas sous IE 11

    Quelqu'un aurait une solution ?
    Ou bien ai-je fait une erreur dans ma déclaration ?

    En vous remerciant d'avance

    Bien à vous
    Spliffer

  2. #2
    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,

    voir le tutoriel du forum : Comment utiliser une police personnalisée sur un site web.

Discussions similaires

  1. Font-face Gotham et Safari
    Par sebiv dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 26/03/2014, 17h39
  2. @font-face sous Firefox
    Par lotfi69 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/03/2013, 21h27
  3. @font-face ko sous windows
    Par gregal dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 21/11/2012, 21h08
  4. font face, otf ttf problème sous IE
    Par newbie_php dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 11/04/2011, 14h49
  5. comportement curieux font-bold sous ffx ?
    Par SpaceFrog dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 22/06/2006, 11h51

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