Utilisation de police Exotique

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Pan, 11 Août 2012.

  1. Pan
    Pan WRInaute occasionnel
    Inscrit:
    16 Janvier 2006
    Messages:
    410
    J'aime reçus:
    0
    Bonjour à tous,

    Je souhaiterais utiliser pour mon site (sur les H1) une police dite "exotique" (Lobster).

    J'ai lu pas mal de trucs sur l'utilisation des polices exotiques et parfois il y a de grosses contradictions.
    Certains affirment que dans la déclaration de la Css, si le navigateur ne trouve pas la police en question, il va la remplacer par la police déclarée en deuxième position, d'autres affirment au contraire qu'il faut impérativement embarquer la police sur le serveur au risque de ne rien pouvoir afficher du tout.

    Qu'en pensez vous ?
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 921
    J'aime reçus:
    257
    Pour afficher des polices exotiques, il y a une technique qui s'appelle "font face"

    Sinon, c'est la police déclaré en deuxième, voir la famille si la feuille css est bien faite, qui est utilisée
     
  3. Koxin-L.fr
    Koxin-L.fr WRInaute passionné
    Inscrit:
    15 Janvier 2012
    Messages:
    1 879
    J'aime reçus:
    6
    Salut,

    Dès qu'on utilise des polices "non standard", j'entend par là non présente d'origine sous Windows (Mac on s'en fout z'ont pas la majorité), il faut soit la mettre sur son serveur, soit la linker depuis des serveurs externes.

    Et dans tous les cas, il faut prévoir une police de remplacement dite "standard".
     
  4. guicara
    guicara WRInaute passionné
    Inscrit:
    2 Février 2006
    Messages:
    1 558
    J'aime reçus:
    0
    Bonsoir,

    C'est en effet le cas si l'on a une déclaration sous cette forme :
    Code:
    font-family: "MaPolicePerso", Arial, Verdana, sans-serif;
    Si la police MaPolicePerso n'est pas chargé, la suivante sera chargé... et ainsi de suite.

    Non. Ce n'est pas un impératif d'héberger la police d'écriture sur son propre serveur. Par exemple, des services comme Google Web Fonts mettent à disposition des déclarations CSS à inclure dans sa feuille de style qui link vers les fonts hébergés sur les serveurs de Google :
    Code:
    @font-face {
      font-family: 'Cantora One';
      font-style: normal;
      font-weight: 400;
      src: local('Cantora One'), local('CantoraOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/cantoraone/v1/2Tarv7Qs4oCEU-xItQ7PXYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
    }
    Le plus simple et le plus propre est, comme le conseil Marie-Aude, d'utiliser la propriété @font-face de CSS. Cependant il est très difficile de rendre compatible font-face avec Internet Explorer si l'on ne passe pas par un "générateur" de font-face. Ces générateurs permettent, à partir d'un fichier .ttf (ou autre) de générer les fonts eot (nécessaire pour IE), woff et svg.

    Quelques générateurs :
    - http://www.fontsquirrel.com/fontface/generator
    - http://fontface.codeandmore.com/

    Navigue dans l'onglet "@font-face Kit" de http://www.fontsquirrel.com/fonts/Lobster/
    Clique sur "Download font-face kit", télécharge l'archive et admire le résultat.

    Si vous rencontrez des problèmes avec la propriété @font-face, vous pouvez toujours passer par des systèmes alternatifs comme Cufon (full JavaScript) ou sIFR (JavaScript + Flash). Mais dans tout les cas, se sera moins propre (d'un point de vue code et référencement). En dernier recours, tester typekit (Adobe)... très bien mais payant.
     
Chargement...
Similar Threads - Utilisation police Exotique Forum Date
Utilisation de polices d'écriture issues de DAFONT - legislation Droit du web (juridique, fiscalité...) 4 Septembre 2011
Questionnaire : limites de l'utilisation de l'IA en SEO Rédaction web et référencement 31 Mai 2022
Utilisations du signe + dans les noms composés de villes Référencement Google 29 Juillet 2021
Utilisation de sous domaines au lieu de noms de domaine propres Techniques avancées de référencement 18 Juin 2021
Aide utilisation twitter : gérer les commentaires Twitter 3 Mars 2021
Utilisation d'un nom de domaine alternatif Débuter en référencement 17 Février 2021
Utilisation d'une CMP pour les nuls Monétisation d'un site web 23 Janvier 2021
Utilisation des URL canoniques d'un sous domaine à un autre Référencement Google 10 Novembre 2020
Utilisation de AMP sur un petit site vitrine Référencement Google 3 Mars 2020
WordPress Optimisation et utilisation d'une page Auteur avec Bio Rédaction web et référencement 29 Octobre 2019
Utilisation de Adwords pour trouver des mots clés Débuter en référencement 23 Août 2019
Utilisation d'un service... 1700€ plus tard inquiétude... Netlinking, backlinks, liens et redirections 13 Juillet 2019
Duplicate content et instuction d'utilisation fiche produit Rédaction web et référencement 10 Avril 2019
Texte utilisation cookies et protection des données : pb de duplicate ? Débuter en référencement 8 Janvier 2019
Microsoft modifie ses conditions d'utilisation (CGU) Droit du web (juridique, fiscalité...) 20 Novembre 2018
Un article intéressant sur l'indexation des images et l'utilisation du "lazyload" Crawl et indexation Google, sitemaps 9 Novembre 2018
Utilisation de l'attribut "hreflang" Référencement international (langues, pays) 27 Septembre 2018
Utilisation de load (Jquery) sans impacter le SEO Développement d'un site Web ou d'une appli mobile 4 Août 2018
De l'intérêt des tags et de leur utilisation Débuter en référencement 1 Mai 2018
Utilisation NDD expiré international Netlinking, backlinks, liens et redirections 18 Avril 2018