Dlaczego renderowanie Helvetica Neue nie jest prawidłowe?

13

Zainstalowałem kilka nowych wersji Helvetica innego dnia i od tego czasu Helvetica Neue nie renderuje tego, jak powinna (w Chrome lub Firefox).

Próbowałem usunąć wszystkie czcionki Helvetica i zainstalować je ponownie, ale nadal nie renderują się poprawnie.

Tak to wygląda:

wprowadź opis zdjęcia tutaj

Niektóre litery wydają się wyższe niż inne?

Czcionka powinna być: normalna 14px / 1,4 „Helvetica Neue”, „HelveticaNeue”, Helvetica, Arial, sans-serif;

google-chrome fonts James
źródło
1
Jaki jest system operacyjny?
i31415
@ and31415 Wydaje mi się, że jest to powszechny problem w systemach Windows i Mac.
Omar

Odpowiedzi:

11

Zakładam, że korzystasz z systemu Windows, ponieważ użytkownicy komputerów Mac nie muszą instalować Helvetica Neue.

Ta czcionka zwykle nie istnieje w systemie Windows i jest zastępowana przez Arial. Instalacja dowolnego smaku Helvetiki jest nieco trudna, ponieważ jest ona dość często używana w arkuszach stylów CSS, więc może zostać odebrana przez przeglądarkę, nawet w przypadkach, gdy Arial jest lepszy, w celu niepoprawnego renderowania czcionek w przeglądarce.

Istnieje kilka implementacji / smaków czcionki Helvetica Neue. Niektóre wyróżniają się dużymi rozmiarami czcionek, ale dają słabe wyniki dla normalnych rozmiarów. Słyszałem, że ten daje dobre wyniki, ale nie wykorzystałem go osobiście.

Chrome pozwala na wprowadzanie własnych niestandardowych zmian CSS, które zastępują CSS witryny. Aby znaleźć niestandardowy plik CSS, zamknij Chrome i przejdź do folderu:

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

i otwórz plik Custom.cssw swoim ulubionym edytorze tekstu.

Aby użyć Arial zamiast Helvetica, wklej następujące wiersze:

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

Możesz także użyć rozszerzenia Chrome Zmień styl rodziny czcionek, aby wymusić użycie Arial zamiast Helvetica.

EDYTOWAĆ

Zauważono, że obsługa arkusza stylów użytkownika (Custom.css) została usunięta z Chrome od listopada 2013 r. , Co wyjaśnia, dlaczego zwykłe rozwiązanie już nie działa.

Pozostałe opcje, jakie widzę, to:

  1. Użyj rozszerzenia Zmień styl rodziny czcionek.
  2. Całkowicie usuń Helvetica z Windows, aby zmusić Chrome do korzystania z Arial
  3. Zmień na inną przeglądarkę.

Aby całkowicie usunąć Helvetica, wykonaj następujące czynności:

  1. Przejdź do Start> Panel sterowania> Czcionki, wybierz czcionki, a następnie w menu Plik kliknij Usuń ( źródło ).
  2. Usuń plik pamięci podręcznej czcionek C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATi uruchom ponownie.
  3. Tylko w razie potrzeby wyszukaj w rejestrze „helvetica” i usuń (bardzo ostrożnie), a następnie uruchom ponownie.
harrymc
źródło
Dziękuję za Twój wkład. Powód Bounty „ Obecne odpowiedzi są nieaktualne i wymagają korekty z uwagi na ostatnie zmiany ”. Właściwie korzystałem z rozwiązania, które dostarczyłeś, ale po najnowszej aktualizacji Chrome przestały działać.
Omar
1
Czy próbowałeś odinstalować Helveticę i pozwolić Chrome domyślnie wrócić do Arial? Możesz także spróbować rozszerzenia.
harrymc
Przywróciłem domyślne czcionki, ale nie ma kości. Wolę nie używać rozszerzeń.
Omar
Nawet jeśli czcionki zostały usunięte, mogą nadal istnieć w pamięci podręcznej czcionek. Aby go opróżnić, usuń plik C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATi uruchom ponownie.
harrymc
2
Rozwiązanie przestało działać, ponieważ obsługa arkusza stylów użytkownika (Custom.css) została usunięta z Chrome .
Brian Nixon
1

Miałem dzisiaj ten problem i natknąłem się na odpowiedź na podobne pytanie dotyczące quora. Naprawiono to dla mnie szybciej:

  1. Zainstaluj rozszerzenie Force Custom Fonts
  2. Przejdź do ustawień rozszerzenia w chrome: // extensions
  3. Obok menu Czcionki zastępcze kliknij ikonę +, aby dodać czcionkę zastępczą.
  4. Wybierz Helvetica Neue za pomocą menu rozwijanego w pierwszym polu i Arial w drugim menu obok niego.
  5. Zapisz swoje preferencje, odśwież strony, które miały problem, zysk!
Feyisayo Sonubi
źródło