Je vois souvent les sites Web utilisant la police "Helvetica Neue". Cette police est-elle sûre à utiliser, comme par exemple. Arial? Ou les navigateurs ont-ils du mal à le rendre ou peu de machines ont cette police? Merci.
Réponses
Trop de publicités?C'est une police par défaut sur Mac, mais rare sur PC. Comme il n'est pas techniquement sûr pour le Web, certaines personnes peuvent l'avoir et d'autres non. Si vous souhaitez utiliser une police comme celle-ci, sans utiliser @ font-face, vous voudrez peut-être l'écrire de différentes manières, car cela pourrait ne pas fonctionner de la même manière pour tout le monde.
J'aime utiliser une pile de polices qui touche à toutes les bases comme ceci:
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
Helvetica, Arial, "Lucida Grande", sans-serif;
Il s'agit d'une police achetée, toutes les machines ne l'ont pas en standard. Vous pouvez utiliser une déclaration @ font-face dans votre CSS pour vous y connecter sur votre domaine si vous souhaitez l'utiliser.
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }
Tiré de css3.info
Helvetica Neue est une police payante, vous ne devriez donc pas @ faire face à elle, car vous distribueriez librement une police protégée par des droits d'auteur. Il est inclus dans les systèmes Mac mais pas dans ceux Windows / Linux, donc oui, beaucoup de vos utilisateurs ne l'auront pas installé. Quoi qu'il en soit, vous pouvez utiliser 'Arial Narrow' comme substitut de Windows, ce qui est l'équivalent de Windows.
Vous pouvez utiliser http://www.fontsquirrel.com/fontface/generator pour encoder n'importe quelle police pour les sites web. Il va générer le code à inclure la police.
Je n'ai pas vraiment l'utiliser pour les polices sur 30px. Ils ont l'air beaucoup mieux qu'une image (parce que les images sont lissés, et certains navigateurs ne sont pas anti-alias polices dans le navigateur).
Voir: http://www.truetype-typography.com/ttalias.htm
Espère que ça aide...