CSS Font "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 pas beaucoup de machines ont cette police? Merci.
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 un @ font-face statement dans votre CSS pour le lier 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
C'est une police par défaut sur les Mac, mais rare sur les PC. Comme ce n’est pas techniquement sûr pour le Web, certaines personnes l’auront peut-être et d’autres non. Si vous souhaitez utiliser une police de ce type sans utiliser @ font-face, vous pouvez l'écrire de différentes manières, car elle risque de 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 familles de polices recommandée est décrite plus en détail dans cet extrait de code CSS-Tricks Better Helvetica qui utilise un font-weight: 300; ainsi que.
Helvetica Neue est une police payante, vous ne devriez donc pas la faire @ font-face, car vous distribueriez librement une police protégée par le droit d'auteur. Il est inclus dans les systèmes Mac mais pas dans ceux sous Windows/Linux, alors oui, de nombreux utilisateurs ne l'auront pas installé. Quoi qu'il en soit, vous pouvez utiliser "Arial Narrow" comme substitut de Windows, qui est l'équivalent de Windows.
Vous pouvez utiliser http://www.fontsquirrel.com/fontface/generator pour coder n’importe quelle police de caractères 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 30 pixels. Elles ont une bien meilleure apparence en tant qu’image (car les images sont anti-aliasées, et certains navigateurs n’incluent pas les polices anti-alias dans le navigateur).
Voir: http://www.truetype-typography.com/ttalias.htm
J'espère que ça t'as aidé...
La plupart des utilisateurs de Windows n'auront pas cette police sur leurs ordinateurs. En outre, vous ne pouvez pas simplement l'envoyer sur votre serveur et l'appeler en utilisant font-face, car il ne s'agit pas d'une police gratuite ...
Enfin, répondant à la question que personne n’a encore mentionnée, Helvetica et Helvetica Neue ne sont pas bien rendus à l’écran tant qu’ils n’ont pas un très gros font-size. Vous trouverez de nombreuses pages utilisant cette police et dans chacune d'entre elles, vous verrez que la bordure supérieure d'une ligne de texte est ondulée et que certaines lettres semblent plus grandes que d'autres. À mon avis, c'est la principale raison pour laquelle vous ne devriez pas l'utiliser. Il y a d'autres options que vous pouvez utiliser, comme Open Sans.