Чому рендерінг Helvetica Neue не належним чином?


13

Днями я встановив нові варіанти Helvetica, і з тих пір Helvetica Neue не рендерує як слід (на Chrome або Firefox).

Я спробував видалити всі шрифти Helvetica та встановити їх знову, але вони все ще не відображаються належним чином.

Ось як це виглядає:

введіть тут опис зображення

Деякі букви здаються вищими за інші?

Шрифт повинен бути: нормальний 14px / 1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;


1
Яка операційна система?
and31415

@ and31415 Я думаю, це поширена проблема для Windows та Mac.
Омар

Відповіді:


11

Я припускаю, що ви працюєте в Windows, оскільки користувачам Mac не потрібно встановлювати Helvetica Neue.

Цей шрифт зазвичай не існує в Windows, і його замінює Arial. Встановлення будь-якого аромату Helvetica є дещо складним, оскільки його досить часто використовують у таблицях стилів CSS, тому браузер може підібрати навіть у тих випадках, коли Arial краще, щоб зіпсувати візуалізацію шрифту у браузері.

Існує кілька реалізацій / ароматів шрифту Helvetica Neue. Деякі переважають при великих розмірах шрифту, але дають погані результати для нормальних розмірів. Я чув, що цей дає хороші результати, але особисто його не використовував.

Chrome дозволяє надати власні користувацькі зміни CSS, які переосмислюють CSS веб-сайту. Щоб знайти спеціальний файл CSS, закрийте Chrome і перейдіть до папки:

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

і відкрийте файл Custom.cssу вашому улюбленому текстовому редакторі.

Щоб використовувати Arial замість Helvetica, вставте наступні рядки:

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

Ви також можете використовувати розширення Chrome Змінити сімейний стиль шрифту, щоб змусити використовувати Arial замість Helvetica.

EDIT

Зазначено, що з листопада 2013 року з Chrome було видалено підтримку таблиці стилів користувачів (Custom.css) , що пояснює, чому звичайне рішення більше не працює.

Ваші варіанти, як я бачу, це:

  1. Скористайтеся розширенням Змінити сімейний стиль шрифту.
  2. Повністю видаліть Helvetica з Windows, щоб змусити Chrome використовувати Arial
  3. Перейдіть на інший веб-переглядач.

Щоб повністю видалити Helvetica, виконайте наступне:

  1. Перейдіть до Пуск> Панель управління> Шрифти, виберіть шрифти, а потім у меню Файл натисніть Видалити ( джерело ).
  2. Видаліть файл кешу шрифтів C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATта перезавантажте.
  3. Тільки за необхідності шукайте в реєстрі "helvetica" та видаляйте (дуже обережно), а потім перезавантажте.

Дякую за ваш внесок Причина Баунті " Поточні відповіді застарілі та потребують перегляду з урахуванням останніх змін ". Я фактично використовував надане вами рішення, але після останнього оновлення Chrome перестали працювати.
Омар

1
Ви спробували видалити Helvetica і повернути Chrome за замовчуванням до Arial? Ви також можете спробувати розширення.
harrymc

Я відновив шрифти за замовчуванням, але жодної кістки. Я вважаю за краще не використовувати розширення.
Омар

Навіть якщо ви видалили шрифти, вони все ще можуть існувати в кеш-програмах шрифтів. Щоб очистити його, видаліть файл C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATі перезавантажте.
harrymc


1

Тож у мене сьогодні було це питання, і я натрапив на відповідь на подібне питання квори. Це вирішило це для мене швидше:

  1. Встановіть розширення Force Custom Fonts
  2. Перейдіть до налаштувань розширень у chrome: // extensions
  3. Поруч із меню "Заміни шрифтів" натисніть значок +, щоб додати замінник шрифту.
  4. Виберіть Helvetica Neue, використовуючи спадне меню у першому вікні, а Arial у другому спадному поруч із ним.
  5. Збережіть свої вподобання, оновіть всі сторінки, які мали проблему, прибуток!
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.