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 une font special (skia)


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 166
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mai 2005
    Messages : 3 166
    Par défaut Comment utiliser une font special (skia)
    Bonjour,

    Je souhaitais avoir des informations sur l'utilisation d'un police non standard.
    Je souhaiterais utiliser la font "skia" pour mes menus, et si possible sans utiliser des images et qui fonctionne sous FF, IE, sfari etc....

    Auriez-vous une solution?

    J'ai vu @font-face, mais je n'arrive pas à avoir un résultat
    Par exemple avec font-face, j'ai essayé ceci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    @font-face{
    	font-family:skia;
    	src:url(../Skia.ttf);
    }
    nav ul li a{ font-family:skia; font-size:16px; text-transform:lowercase;}
    Merci pour vos lumières

  2. #2
    Membre éprouvé Avatar de Zeckard
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Février 2012
    Messages
    108
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2012
    Messages : 108
    Par défaut
    Bonjour,

    Il faut savoir qu'en utilisant une police un peu exotique sur tes pages web, elle ne s'affichera que si l'internaute a la même police installée chez lui. Tu n'as aucun moyen de forcer le poste client à avoir la police que tu veux (dans ton cas, la "skia").

    Mais par contre, tu peux la spécifier "au cas où" le client l'aurait, tout en en spécifiant d'autres plus standard.

    Exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    @font-face{
    	font-family:skia, Verdana, Arial, Helvetica, sans-serif; ;
    }
    C'est pourquoi faire exactement ?

    C'est pour tout les textes ou seulement quelques éléments isolés ? Si c'est pour la deuxième option, tu peux aussi utiliser des images que tu aurait fait toi même.

  3. #3
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    je me permet de contredire l'ami Zeckard.
    On peut installer des fonts sur son serveur :
    => font-face Generator

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    /* Declaration correcte d'une font */
    @font-face { /* Jokerman */
        font-family: 'Jokerman'; /* nom qui sera utilisé pour définir la police dans le CSS */
        src: url('../fonts/Jokerman/jokerman-webfont.eot');
        src: url('../fonts/Jokerman/jokerman-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Jokerman/jokerman-webfont.woff') format('woff'),
             url('../fonts/Jokerman/jokerman-webfont.ttf') format('truetype'),
             url('../fonts/Jokerman/jokerman-webfont.svg#Jokerman') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    #blabla { font-family:"Jokerman", Arial, Helvetica, sans-serif; }

  4. #4
    Membre éprouvé Avatar de Zeckard
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Février 2012
    Messages
    108
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2012
    Messages : 108
    Par défaut
    Tiens, je ne pensais pas que c'était possible. Il y a donc moyen de la forcer quand même. Cela marche dans tout les cas ? Avec l'ensemble des navigateurs ?

    En tout cas merci pour l'info jreaux62.

  5. #5
    Invité
    Invité(e)
    Par défaut
    Google aussi propose des fonts pré-installées : google webfonts

Discussions similaires

  1. Comment utiliser des font special
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/06/2012, 17h20
  2. [FOP][Java] comment utiliser une police
    Par elzedo dans le forum XML/XSL et SOAP
    Réponses: 6
    Dernier message: 01/12/2006, 18h40
  3. Réponses: 10
    Dernier message: 01/06/2005, 11h30
  4. 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