46 votes

Police CSS "Helvetica Neue"

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.

81voto

Syren Points 922

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;
 

39voto

Kyle Sevenoaks Points 29929

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

19voto

scumah Points 3410

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.

2voto

Homer6 Points 5850

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...

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X