@ font-face dans CSS .... est-ce correct?

Question

Sur ma website, ma famille de polices est Tw Cen MT, Gill Sans, Century Gothic, sans-serif. Obviouisly, tout le monde ne va pas avoir Tw Cen MT, donc j'ai choisi d'essayer la méthode @font-face.

Voici mon css:

@font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"), url(fonts/TwCenMT.ttf) } 

Quelques questions:

1. Est-ce que ce travail dans tous les navigateurs modernes (Firefox, Chrome, Safari et IE8)?

2. Je ne l'ai pas encore testé parce que j'ai la police. Est-ce que cette méthode fonctionne pour vous lorsque vous visitez mon homepage?

3. la police est un fichier volumineux. Avez-vous l'expérience d'un long temps de chargement lorsque vous visitez mon site?

Merci beaucoup à l'avance

Answer 1

Il fonctionnera techniquement dans les dernières versions de tous les navigateurs que vous avez mentionnés, bien qu'il y ait quelques "gotchas", en particulier entourant IE. Here est un lien qui va dans ce plus en détail.

Le temps de chargement de votre site a été bref (< 1 sec), mais je ne suis pas sûr de savoir quelle police il a réellement tiré puisque je ne connais pas toutes les polices de votre pile. Autant que je sache, this est la source canonique pour la syntaxe @ font-face, même si j'ai eu des problèmes même avec cela. Dans mon expérience, la réponse courte est que, bien que @ font-face soit techniquement largement supporté, en pratique il peut être difficile de faire les choses correctement.

Answer 2

Thesedudes dit qu'il est ok aussi longtemps que vous entourer l'URL avec « doublequotes » et à la fin de chaque ligne dans la police face avec un point-virgule;

Answer 3

Découvrez https://browserlab.adobe.com/ pour le tester dans différents navigateurs. Ou, http://litmusapp.com/browser-testing. J'espère que cela pourra aider.

Answer 4

D'un point de vue non technique, êtes-vous sûr que votre licence de police le permet? La plupart des fabricants de polices commerciales seraient très perturbés par le fait que leurs polices ne soient pas protégées pour être téléchargées sur Internet de cette manière.

Ne partez pas vous-même poursuivi.