Почему Helvetica Neue не рендерится правильно?

Question

Я установил несколько новых вариантов Helvetica на днях, и с тех пор Helvetica Neue не рендерится так, как должен (в Chrome или Firefox).

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

Вот как это выглядит:

Некоторые буквы кажутся выше других?

Шрифт должен быть: обычный 14px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, без засечек;

Answer 1

Я предполагаю, что вы работаете в 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.

РЕДАКТИРОВАТЬ

Было отмечено, что поддержка пользовательских таблиц стилей (Custom.css) была удалена из Chrome с ноября 2013 года, что объясняет, почему обычное решение больше не работает.

Ваши оставшиеся варианты, как я их вижу:

1. Используйте расширение Изменить стиль семейства шрифтов.
2. Полностью удалите Helvetica из Windows, чтобы заставить Chrome использовать Arial
3. Перейдите в другой браузер.

Чтобы полностью удалить Helvetica, сделайте следующее:

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

Answer 2

Таким образом, у меня была эта проблема сегодня, и я наткнулся на ответ на аналогичный вопрос о кворе. Это исправило это для меня быстрее:

1. Установите расширение Force Custom Fonts
2. Зайдите в настройки расширений в chrome://extensions
3. Рядом с меню «Замена шрифтов» нажмите значок +, чтобы добавить замещающий шрифт.
4. Выберите Helvetica Neue, используя раскрывающийся список в первом поле, и Arial во втором раскрывающемся рядом с ним.
5. Сохраните ваши предпочтения, обновите любые страницы, которые имели проблему, прибыль!