Pourquoi Helvetica Neue ne fonctionne-t-il pas correctement?

13

J'ai installé de nouvelles variations Helvetica l'autre jour et depuis lors, Helvetica Neue ne rend pas comme il le devrait (dans Chrome ou Firefox).

J'ai essayé de supprimer toutes les polices Helvetica et de les réinstaller, mais elles ne s'affichent toujours pas correctement.

Voici à quoi ça ressemble:

entrez la description de l'image ici

Certaines lettres semblent plus hautes que d'autres?

La police doit être: normale 14px / 1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;

google-chrome fonts James
la source
1
Quel est le système d'exploitation?
and31415
@ and31415 Je suppose que c'est un problème courant sur Windows et Mac.
Omar

Réponses:

11

Je suppose que vous utilisez Windows, car les utilisateurs de Mac n'ont pas besoin d'installer Helvetica Neue.

Cette police n'existe normalement pas sous Windows et est remplacée par Arial. L'installation de n'importe quelle version de Helvetica est quelque peu délicate, car elle est plutôt utilisée dans les feuilles de style CSS, elle peut donc être récupérée par le navigateur même dans les cas où Arial est meilleur, pour gâcher le rendu des polices dans le navigateur.

Il existe plusieurs implémentations / saveurs de la police Helvetica Neue. Certains excellent dans les grandes tailles de police mais donnent de mauvais résultats pour les tailles normales. J'ai entendu dire que celui-ci donne de bons résultats, mais je ne l'ai pas utilisé personnellement.

Chrome vous permet de fournir vos propres modifications CSS personnalisées qui remplacent le CSS du site Web. Pour trouver le fichier CSS personnalisé, fermez Chrome et accédez au dossier:

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

et ouvrez le fichier Custom.cssdans votre éditeur de texte préféré.

Pour utiliser Arial au lieu de Helvetica, collez les lignes suivantes:

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'helvetica'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

Vous pouvez également utiliser l'extension Chrome Changer le style de famille de polices pour forcer l'utilisation d'Arial au lieu de Helvetica.

ÉDITER

Il a été noté que la prise en charge des feuilles de style utilisateur (Custom.css) a été supprimée de Chrome depuis novembre 2013 , ce qui explique pourquoi la solution habituelle ne fonctionne plus.

Vos options restantes telles que je les vois sont:

  1. Utilisez l'extension Changer le style de famille de polices.
  2. Supprimer complètement Helvetica de Windows pour forcer Chrome à utiliser Arial
  3. Passez à un autre navigateur.

Pour supprimer complètement Helvetica, procédez comme suit:

  1. Allez dans Démarrer> Panneau de configuration> Polices, sélectionnez les polices, puis dans le menu Fichier, cliquez sur Supprimer ( source ).
  2. Supprimez le fichier cache des polices C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATet redémarrez.
  3. Si nécessaire, recherchez "helvetica" dans le registre et supprimez (très soigneusement), puis redémarrez.
harrymc
la source
Merci pour votre participation. Raison de Bounty " La ou les réponses actuelles sont obsolètes et doivent être révisées compte tenu des changements récents ". J'utilisais en fait la solution que vous avez fournie, mais après la dernière mise à jour de Chrome, ils ont cessé de fonctionner.
Omar
1
Avez-vous essayé de désinstaller Helvetica et de laisser Chrome par défaut à Arial? Vous pouvez également essayer l'extension.
harrymc
J'ai restauré les polices par défaut, mais pas de dés. Je préfère ne pas utiliser d'extensions.
Omar
Même si vous avez supprimé les polices, elles peuvent toujours exister dans le cache des polices. Pour le vider, supprimez le fichier C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATet redémarrez.
harrymc
2
La solution a cessé de fonctionner, car la prise en charge de la feuille de style utilisateur (Custom.css) a été supprimée de Chrome .
Brian Nixon
1

J'ai donc eu ce problème aujourd'hui et suis tombé sur la réponse à une question similaire sur quora. Cela m'a corrigé plus rapidement:

  1. Installer l'extension Force Custom Fonts
  2. Accédez aux paramètres d'extension dans chrome: // extensions
  3. À côté du menu Polices de remplacement, cliquez sur l'icône + pour ajouter une police de remplacement.
  4. Sélectionnez Helvetica Neue en utilisant le menu déroulant dans la première case et Arial dans le deuxième menu déroulant à côté.
  5. Enregistrez vos préférences, actualisez toutes les pages ayant rencontré le problème, profitez-en!
Feyisayo Sonubi
la source