Warum rendert die Helvetica Neue nicht richtig?

Ich habe neulich einige neue Helvetica-Varianten installiert und seitdem rendert Helvetica Neue nicht mehr so, wie es sollte (in Chrome oder Firefox).

Ich habe versucht, alle Helvetica-Schriftarten zu löschen und erneut zu installieren, aber sie werden immer noch nicht richtig gerendert.

So sieht es aus:

Einige Buchstaben scheinen größer zu sein als andere?

Die Schriftart sollte sein: normal 14px / 1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, serifenlos;

Ich gehe davon aus, dass Sie Windows verwenden, da Mac-Benutzer Helvetica Neue nicht installieren müssen.

Diese Schriftart existiert normalerweise nicht unter Windows und wird durch Arial ersetzt. Die Installation von Helvetica-Versionen ist etwas kompliziert, da sie häufig in CSS-Stylesheets verwendet werden und daher vom Browser selbst in Fällen, in denen Arial besser ist, aufgefangen werden können, um die Schriftwiedergabe im Browser zu beeinträchtigen.

Es gibt verschiedene Implementierungen / Varianten der Schriftart Helvetica Neue. Einige zeichnen sich durch große Schriftgrößen aus, liefern jedoch schlechte Ergebnisse für normale Größen. Ich habe gehört, dass dieses gute Ergebnisse liefert, habe es aber nicht persönlich verwendet.

Mit Chrome können Sie Ihre eigenen benutzerdefinierten CSS-Änderungen vornehmen, die das Website-CSS überschreiben. Um die benutzerdefinierte CSS-Datei zu finden, schließen Sie Chrome und wechseln Sie in den Ordner:

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

und öffnen Sie die Datei Custom.cssin Ihrem bevorzugten Texteditor.

Um Arial anstelle von Helvetica zu verwenden, fügen Sie die folgenden Zeilen ein:

@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'); }

Sie können auch die Chrome-Erweiterung Schriftfamilienstil ändern verwenden , um die Verwendung von Arial anstelle von Helvetica zu erzwingen.

BEARBEITEN

Es wurde festgestellt, dass die Unterstützung für Benutzer-Stylesheets (Custom.css) seit November 2013 von Chrome entfernt wurde. Dies erklärt, warum die übliche Lösung nicht mehr funktioniert.

Ihre verbleibenden Optionen, wie ich sie sehe, sind:

1. Verwenden Sie die Erweiterung Schriftfamilienstil ändern.
2. Löschen Sie Helvetica vollständig aus Windows, um Chrome zur Verwendung von Arial zu zwingen
3. Wechseln Sie in einen anderen Browser.

Gehen Sie folgendermaßen vor, um Helvetica vollständig zu löschen:

1. Gehen Sie zu Start> Systemsteuerung> Schriftarten, wählen Sie die Schriftarten aus und klicken Sie im Menü Datei auf Löschen ( Quelle ).
2. Löschen Sie die Schriftarten-Cache-Datei C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATund starten Sie neu.
3. Nur bei Bedarf die Registry nach "helvetica" durchsuchen und (sehr sorgfältig) löschen, dann neu starten.

Ich hatte dieses Problem heute und bin über die Antwort auf eine ähnliche Frage zu Quora gestolpert. Das hat es für mich schneller behoben:

1. Installieren Sie die Erweiterung Force Custom Fonts
2. Wechseln Sie zu den Erweiterungseinstellungen in chrome: // extensions
3. Klicken Sie neben dem Menü Ersatzschriftarten auf das Symbol +, um eine Ersatzschriftart hinzuzufügen.
4. Wählen Sie Helvetica Neue aus, indem Sie die Dropdown-Liste im ersten Feld und Arial in der zweiten Dropdown-Liste daneben verwenden.
5. Speichern Sie Ihre Einstellungen, aktualisieren Sie alle Seiten, die das Problem hatten, und profitieren Sie!