Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 7 sur 7
  1. #1

    Homme Profil pro Patrick LAO
    Développeur général
    Inscrit en
    septembre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Nom : Homme Patrick LAO
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur général

    Informations forums :
    Inscription : septembre 2012
    Messages : 3
    Points : -1
    Points
    -1

    Par défaut iefix dans un @font-face

    Bonjour,

    Je suis en train de coder un site web.

    J'ai consulté de la doc pour utiliser des styles de caractères personnalisés, et la norme, il parait que c'est du genre :

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    @font-face { /* Définition d'une nouvelle police nommée LearningCurveProRegular */
        font-family: 'LearningCurveProRegular';
        src: url('LearningCurve_OT-webfont.eot');
        src: url('LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
             url('LearningCurve_OT-webfont.woff') format('woff'),
             url('LearningCurve_OT-webfont.ttf') format('truetype'),
             url('LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
    }
    Le problème c'est que je sais pas ce que c'est par exemple ? #iefix, ou encore pourquoi il faut mettre #LearningCurveProRegular après l'avant dernière ligne... j'ai beau cherché sur internet, aucune données sur les explications a propos de ca.

    J'en demande à la communauté informatique de m'appuyer afin de me dépanner.

    Merci merci merci, mille fois merci d'avance. ^ ^ !

  2. #2
    Responsable Développement Web

    Avatar de FirePrawn
    Homme Profil pro Sébastien Germez
    Ingénieur réalisateur
    Inscrit en
    mars 2011
    Messages
    3 142
    Détails du profil
    Informations personnelles :
    Nom : Homme Sébastien Germez
    Âge : 26
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur réalisateur
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2011
    Messages : 3 142
    Points : 22 087
    Points
    22 087

    Par défaut

    Bonjour,

    Je t'invite à lire le tutoriel de Vincent Viale sur ce sujet : Comment utiliser une police personnalisée sur un site web.
    Vous souhaitez participer à la rubrique Développement Web, contactez-moi !
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  3. #3

    Homme Profil pro Patrick LAO
    Développeur général
    Inscrit en
    septembre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Nom : Homme Patrick LAO
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur général

    Informations forums :
    Inscription : septembre 2012
    Messages : 3
    Points : -1
    Points
    -1

    Par défaut

    Merci, mais j'avais déjà vu ce tutoriel et il ne dit rien sur ?#iefix ni pourquoi il faut ajouter #LearningCurveProRegular...
    :/

  4. #4
    Rédacteur/Modérateur

    Avatar de Torgar
    Homme Profil pro Jérémy .B.
    Recherche emploi
    Inscrit en
    août 2007
    Messages
    2 338
    Détails du profil
    Informations personnelles :
    Nom : Homme Jérémy .B.
    Âge : 28
    Localisation : France, Gard (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Recherche emploi

    Informations forums :
    Inscription : août 2007
    Messages : 2 338
    Points : 7 874
    Points
    7 874

    Par défaut

    Parce que c'est la syntaxe semble-t-il :

    Note that paths to SVG files include an ID. Here, #filename. If you convert your own SVG fonts, you define this value. If you use Font Squirrel’s generator, look at the demo CSS to find this value (for Fontin Sans Regular, I see this SVG ID: FontinSans-Regular).
    Source : http://nicewebtype.com/notes/2009/10...css-font-face/ | http://www.fontspring.com/blog/the-n...nt-face-syntax
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  5. #5
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro Jérôme Réaux
    Webdesigner
    Inscrit en
    août 2008
    Messages
    5 366
    Détails du profil
    Informations personnelles :
    Nom : Homme Jérôme Réaux
    Âge : 47
    Localisation : Nouvelle-Calédonie

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 5 366
    Points : 9 127
    Points
    9 127

    Par défaut

    Bonjour,
    des explications en français : Bonnes pratiques pour les déclarations @font-face

    Extrait (concernant ?#iefix) :
    les version d’Internet Explorer 6, 7 et 8 souffrent d’un bug de parsing qui leur font croire que l’adresse de la fonte est la chaine de caractère comprise entre la première parenthèse ouvrante et la toute dernière parenthèse fermante de la déclaration src. Le coup de génie de FontSpring a été de rajouter un “?” à la fin de l’adresse de la fonte EOT. De cette manière, les vieilles versions de IE vont bien charger le fichier de police et tout ce qui sera après le “?” ne servira à rien mais évitera un appel vers une adresse qui n’existe pas puisque ce sera compris comme étant un paramètre d’URL.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Ce qui se conçoit bien s'énonce clairement. Et les mots pour le dire arrivent aisément."
    Nicolas Boileau-Despréaux (1636-1711).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  6. #6

    Homme Profil pro Patrick LAO
    Développeur général
    Inscrit en
    septembre 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Nom : Homme Patrick LAO
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur général

    Informations forums :
    Inscription : septembre 2012
    Messages : 3
    Points : -1
    Points
    -1

    Par défaut

    Heu ... si je résume :
    le "?" c'est pour dire aux anciens IE6, 7, et 8 qu'un nom de fichier s'arrête à un endroit donné et que #iefix par exemple est un id vers un fichier ???

    demande éclaircissement ^ ^ !

  7. #7
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro Jérôme Réaux
    Webdesigner
    Inscrit en
    août 2008
    Messages
    5 366
    Détails du profil
    Informations personnelles :
    Nom : Homme Jérôme Réaux
    Âge : 47
    Localisation : Nouvelle-Calédonie

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 5 366
    Points : 9 127
    Points
    9 127

    Par défaut

    Citation Envoyé par cyberInteractif Voir le message
    demande éclaircissement
    Il te faut quoi, un projecteur ?
    C'est écrit juste ici dessus. Il suffit de lire. (+ lien fourni, à lire aussi).

    Pour résumer, les anciens I.E. ne "voient" que : src: url('LearningCurve_OT-webfont.eot
    Il sont "aveugle" à ce qui est écrit après le ?...

    Sinon, tu peux aussi te contenter de copier la syntaxe sans te poser de question inutile, et constater simplement que ça fonctionne.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Ce qui se conçoit bien s'énonce clairement. Et les mots pour le dire arrivent aisément."
    Nicolas Boileau-Despréaux (1636-1711).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •