Utilisation des polices True Type dans les applications Web

Question

Présent, je vois que beaucoup de sites Web utilisent des polices True Type . Je veux savoir comment utiliser les polices True Type dans nos applications et cela affecte-t-il le temps de chargement des pages ?

Answer 1

HTML5 permet d'utiliser des polices TTF dans votre CSS :

 @font-face {
  font-family: 'Tagesschrift';
  src: url('tagesschrift.ttf');
}

Pour l'utiliser:

 h1, h2, h3 { font-family: 'Tagesschrift', 'Georgia', serif; }

Vérifiez plus d'informations dans html5rocks .

Answer 2

Vous utilisez Font Embedding .

Cela affectera le temps de chargement global de la page car les données de police doivent être téléchargées ainsi que les autres contenus, styles, etc. Cependant, elles seront mises en cache et n'auront donc d'impact que sur la première vue de la page.