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 :

Comment utiliser des font special


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    3 186
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 186
    Par défaut Comment utiliser des font special
    Bonjour à tous,
    on me demande d'utiliser une font special qui n'est forcément compatible avec tous les navigateurs.

    J'ai vu qu'il y a @font-face.

    Mais j'ai pu lire qu'il n'est pas compatible avec IE8, ce qui est problématique.
    Aussi, est-il compatible qu'avec CSS3?

    Je cherche une maniere simple d'utiliser des font spécial sachant que je peux uploader la font en question.

    Auriez-vous une bonne solution à me donner, compatible avec tous les browsers les plus utilisés?

    Milles mercis

  2. #2
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

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

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Javascript semble être une solution. Ce tuto donne des infos sur deux alternatives à @font-face (Cufon et JQuery).

    Je précise tout de même que @font-face n'exclut pas de définir des polices standards en remplacement. Au pire, IE8 n'affichera pas la fonte fantaisie, mais la/les fontes standards…

  3. #3
    Membre éclairé Avatar de bourvil
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    411
    Détails du profil
    Informations personnelles :
    Localisation : Israël

    Informations forums :
    Inscription : Juin 2002
    Messages : 411
    Par défaut
    Tu peux regarder du cote de google font
    http://www.google.com/webfonts

  4. #4
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    IE8 gère le @font-face, il faut juste lui fournir le bon type de fichier.

    Internet Explorer ne sait "lire" que les fichiers Embedded OpenType (.eot).

    Ce code devrait charger la police quelque soit le navigateur
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    @font-face {
        font-family: 'ma_police';
        src: url('ma_police.eot') format('eot'),
        url('ma_police.woff') format('woff'),
        url('ma_police.ttf') format('truetype'),
        url('ma_police.svg') format('svg');
    }
    Attention toutefois, il semblerait (non testé) que IE (et consort ?) charge(nt) toutes les fonts. A tester.
    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

Discussions similaires

  1. Comment utiliser une font special (skia)
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 20/03/2012, 09h43
  2. Comment utiliser des instructions SSE2 dans un code c++?
    Par alexIsBack dans le forum x86 32-bits / 64-bits
    Réponses: 7
    Dernier message: 22/02/2006, 19h10
  3. [D2005]Comment utiliser des assembly développées en delphi
    Par Valéry dans le forum Delphi .NET
    Réponses: 1
    Dernier message: 16/08/2005, 18h36
  4. [C#] Comment utiliser des dll win 32 dans un projet .NET
    Par Mickey.jet dans le forum Delphi .NET
    Réponses: 2
    Dernier message: 31/05/2005, 13h45
  5. Réponses: 8
    Dernier message: 28/01/2005, 08h28

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