2012-11-01 3 views
0

J'utilise twitter Bootstrap et a rencontré un problème avec une police Helvetica Neue. Mon système a cette police - Photoshop le montre comme "Helvetica Neue LT Com" ", Helvetica, Arial, sans-serif; mais mon navigateur utilise toujours Arial. Pourquoi?Twitter Bootstrap: le navigateur ne trouve pas police Helvetica Neue

http://imageshack.us/a/img545/6721/fontsn.jpg

+0

Comment l'avez-vous importé? Aka: montrez-nous vos lignes css s'il vous plaît. – Rockbot

Répondre

2

Helvetica ne pas soutien du navigateur; En toute honnêteté, pas beaucoup de polices sont entièrement sécurisées sur le Web.

Vous pouvez essayer d'utiliser fontsquirrel pour générer les générations de polices; mais d'expérience ont eu des problèmes en essayant d'utiliser Helvetica de cette manière.

D'autres solutions pourraient être d'utiliser une police similaire de fontsquirrel ou Google Web Fonts ou essayer de trouver un site Web font en toute sécurité sur CSS Font Stack qui montre le support des polices sous Mac OS X et Windows, à partir de ce lien, vous pouvez voir que Helvetica est 100% pris en charge sur Mac mais seulement 7,34% sur Windows.

Le point principal est de ne pas utiliser Helvetica.

0

Il est difficile de dire exactement quel est votre objectif final à partir de la question et de la capture d'écran de Photoshop, mais les navigateurs ne vont afficher les polices que dans quelques font families prédéfinis. Comme Helvetica est très similaire à Arial, même si vous pouvez spécifier Helvetica comme police d'affichage, Arial sera utilisé par défaut.

Vous disposez d'options supplémentaires via des services Web tels que Google Web Fonts, qui fournit essentiellement une API à laquelle vous pouvez accéder afin de mettre la main sur des polices de caractères uniques pour l'affichage du navigateur. Cela nécessite une compréhension de base de HTML, CSS et JavaScript.

Questions connexes