@font-face - comment le faire fonctionner sur tous les navigateurs

Le @font-face règle est pris en charge dans Internet Explorer 9, Firefox,
Opera, Chrome et Safari.

Toutefois, Internet Explorer 9 prend uniquement en charge .eot types de polices de caractères, tandis que
Firefox, Chrome, Safari et Opéra de soutien .ttf et .la fto types de polices de caractères.

Remarque: Internet Explorer 8 et versions antérieures ne prennent pas en charge le
@font-face à la règle.

Ce texte est de ici. Afin d'avoir un travail de @font-face pour IE9, je devrais juste préciser EOT fichier de police:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

En particulier, je suis à l'aide de Myriad Pro, et j'ai polices OTF. Comment je peux convertir en EOT type?

Et quant à la version IE7 et IE8 ce truc/hack doit être utilisée pour obtenir le résultat souhaité?

Oubliez tout ce w3schools vous dit. La Chance est élevé, son tout simplement faux. Voir mon lien dans l'autre commentaire.

OriginalL'auteur Karine | 2012-03-11

  1. 3

    Tout d'abord, vous n'avez pas les droits d'auteur pour intégrer la plupart des polices - n'importe qui peut télécharger, donc c'est pas plus différent que de mettre la police sur votre serveur pour que quelqu'un téléchargement.

    Mon conseil serait d'utiliser la police de l'écureuil de l'outil ici: http://www.fontsquirrel.com/fontface/generator pour générer les fichiers et le code pour vous.

    Être prudent de ne pas partager les polices que vous n'avez pas les droits pour le faire avec.

    Oh, ça fonctionne pour IE9 grâce, est-il aussi travailler pour IE7 et IE8? 🙂 Et Comment je dois éviter de partage de la police? Les utilisateurs peuvent voir l'adresse du lien dans le code CSS et pouvez simplement télécharger le fichier.
    Vous ne pouvez pas, c'est le point de
    TOUT ce que votre client peut voir sur votre page web, (indépendamment de cours de code, des images ou des polices) est déjà téléchargé sur son ordinateur, de sorte que vous ne pouvez pas empêcher les utilisateurs de "voler et à l'aide de votre précieux police". C'est comment fonctionne le Web.
    Et pourquoi Myriad Pro est sur la liste noire dans fontsquirrel.com/fontface/generator? Comment gérer cette police?
    1. - Je trouver des valets de réponse beaucoup plus utile. 2. Myriad Pro n'est pas libre de les utiliser!! C'est pourquoi il est sur la liste noire.

    OriginalL'auteur Rich Bradshaw

  2. 9

    Je pense que c'est presque entièrement de la croix-navigateur

    @font-face {
    font-family: 'Name';
    src: url('location.eot');
    src: url('location.eot#iefix') format('embedded-opentype'),
         url('location.woff') format('woff'),
         url('location.ttf') format('truetype'),
         url('location.svg#Name') format('svg');
    font-weight: normal;
    font-style: normal;
}

    Emplacement est le chemin d'accès sur votre serveur, et le Nom de la police est le nom du

    Qui un de ce est pour IE7 et IE8??
    src: url('location.eot#iefix') format('embedded-opentype'),
    Je voudrais également ajouter - onlinefontconverter.com/myfonts.php lien pour la conversion de police.
    Si nous allons pour les travaux sur tous les navigateurs" alors ne vous embêtez pas avec le poids et les propriétés de style. IE < 9 ne les supporte pas et stations de faux-gras etc. Afin de mieux définir tous vos poids etc comme nommées différemment des polices.
    le lien de @Karine commentaire changé: onlinefontconverter.com

    OriginalL'auteur jacktheripper

  3. 0

    Jacktheripper déjà posté une bonne police,

    je vous recommande la suite de bons articles sur le sujet:

    L'Article de Paul Irish

    L'Article de fontspring

    Personnellement, j'utilise Polices Web De Google et je suis très satisfait avec elle. Vous n'avez pas de problèmes de conversion les polices, incorporez-y le bon code, et de se préoccuper de questions de droit d'auteur avec une bonne variété de polices disponibles.

    Comment vous utilisez des polices web de Google? C'était quelque chose de nouveau pour moi.
    Cliquez simplement sur le lien et suivez les instructions, c'est vraiment simple comme bonjour. Essayez, et si vous avez d'autres questions n'hésitez pas à me demander;)

    OriginalL'auteur Christoph

  4. 0
    @font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 400;
  src: local('Awesome Font'),
       url('/fonts/awesome.woff2') format('woff2'), 
       url('/fonts/awesome.woff') format('woff'),
       url('/fonts/awesome.ttf') format('truetype'),
       url('/fonts/awesome.eot') format('embedded-opentype');
}

    Le local() directive permet de référence, la charge et l'utilisation de polices installées localement.

    L'url() directive permet de charger des polices externes, et sont autorisés à contenir une option de format() conseil

    OriginalL'auteur Behnam Mohammadi