Police CSS " Helvetica Neue"
Je vois souvent les sites Web en 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 pas beaucoup de machines ont cette police? Grâce.
5 réponses
Cette police n'est pas standard sur tous les appareils. Il est installé par défaut sur certains Mac, mais rarement sur les Pc et les appareils mobiles.
Pour utiliser cette police sur tous les appareils, Utilisez une déclaration @font-face dans votre CSS pour y accéder 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'); }
Prises à partir de css3.info
C'est une police par défaut sur Mac, mais rare sur PC. Comme ce n'est pas techniquement sûr sur le web, certaines personnes peuvent l'avoir et d'autres non. Si vous voulez utiliser une police comme celle-ci, sans utiliser @font-face, vous pouvez l'écrire de plusieurs façons différentes 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;
Cette pile de famille de polices recommandée est décrite plus en détail dans cet extrait CSS-Tricks mieux Helvetica {[8] } qui utilise également un font-weight: 300;.
Helvetica Neue est une police payante, donc vous ne devriez pas @font-face, 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 windows/linux, donc oui, beaucoup de vos utilisateurs n'auront pas installé. Quoi qu'il en soit, vous pouvez utiliser 'Arial Narrow' comme substitut de windows, ce qui est équivalent à 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 pour inclure la police.
Je ne l'utilise pas vraiment pour les polices de plus de 30px. Ils ont l'air beaucoup mieux en tant qu'image (parce que les images sont anti-aliasées, et certains navigateurs ne font pas de polices anti-alias dans le navigateur).
Voir: http://www.truetype-typography.com/ttalias.htm
J'espère que ça aide...
La plupart des utilisateurs de windows n'auront pas cette police sur leurs ordinateurs. En outre, vous ne pouvez pas simplement le soumettre à votre serveur et l'appeler en utilisant font-face car ce n'est pas une police gratuite...
Et enfin, mais non des moindres, répondant à la question que personne n'a encore mentionnée, Helvetica et Helvetica Neue ne rendent pas bien à l'écran à moins d'avoir un très grand font-size. Vous trouverez beaucoup de pages utilisant cette police, et dans toutes vous verrez que la bordure supérieure d'une ligne de texte semble ondulée et que certains les lettres semblent plus grandes que les autres. À mon avis c'est la principale raison pourquoi vous ne devriez pas l'utiliser. Il existe d'autres options à utiliser, comme Open Sans.