Как я могу исправить некрасивый рендеринг веб-шрифтов без ClearType в Firefox, не отключая их?

Question

У меня есть некоторые проблемы с рендерингом шрифтов в Firefox. Я отключил ClearType/Font Smoothing в Windows 7, потому что мне не нравятся сглаженные шрифты (снят флажок "Сглаживать края экранных шрифтов" в разделе "Производительность" на панели управления системой), и теперь кажется, что многие используют загружаемые веб-шрифты очень плохо рендерится в моем браузере, например:

Обратите внимание, что некоторые (но не все) вертикальные линии выделены жирным шрифтом [ источник текста ].

Я знаю, что это как-то связано с загружаемыми веб-шрифтами, поскольку обычные шрифты отображаются правильно. Я могу обойти эту проблему, полностью отключив загруженные шрифты:

gfx.downloadable_fonts.enabled = false

Однако я бы предпочел скачать шрифты и сделать так, чтобы они правильно отображались. Как я могу настроить Firefox так, чтобы загружаемые веб-шрифты красиво отображались без сглаживания шрифтов?

Кроме того, каков эффект, от которого я пытаюсь избавиться? Похоже, что шрифт визуализируется, чтобы сглаженная версия выглядела лучше, но сглаживание не отключается. У меня также есть аналогичная проблема в Chrome.

Я использую:

• Windows 7
• Firefox 40

Answer 1

К сожалению, вы не можете.

Дело в том, что размытые шрифты размыты ПО ДИЗАЙНУ, и поэтому должны быть отключены, если вы хотите, чтобы они были резкими (т.е. заменены хорошими старыми шрифтами, такими как Arial).

Я отключаю cleartype везде, где могу, так как это болит глаза и вызывает головную боль. Вот что недавно спасло меня, так как я больше не мог читать мой GMail с нечетким (Робото?) шрифт, использованный с момента последнего обновления.
(Мне пришлось переключиться обратно в представление HTML, чтобы получить что-то полезное ...)

Отключение необычных веб-шрифтов, которые почти всегда размыты:
Источник: http://annystudio.com/misc/anti-aliased-fonts-hurt/

-

Mozilla Firefox:

Чтобы открыть, введите about:config в адресную строку.
Установите для gfx.downloadable_fonts.enabled значение false.

Вы также можете заменить все шрифты выбранным шрифтом, выбрав Сервис - Параметры - Содержимое.

-

Гугл Хром

Щелкните правой кнопкой мыши значок запуска Chrome и выберите «Свойства». В конце строки запуска добавьте --disable-remote-fonts

-

Обратите внимание, что хотя я и не пробовал, решение Firefox, похоже, включает способ замены одних шрифтов другими, следовательно, не отключая каждый из них, а просто заменяя, возможно, с высокой степенью детализации.
Кстати, большинство шрифтов, разработанных как размытые, все равно будут ужасными, если вы не замените их ... но если вы найдете (или спроектируете) их точные версии и сконфигурируете такую замену, у вас действительно могут быть шрифты, близкие к оригинальным без необходимость массового отключения всего.

Кстати, я заметил, что у вас уже есть решение FF в вашем посте, но я сохранил его, так как полагаю, что люди, которые ищут его, могут быть заинтересованы в решении для обоих браузеров одновременно.

Answer 2

Итак, я, вероятно, должен опубликовать ответ, который я узнал с тех пор, как задал свой вопрос.

tl; dr: дорого создавать шрифты, которые хорошо отображаются при разрешении экрана без сглаживания шрифтов, поэтому большинство создателей веб-шрифтов даже не пытаются. Нет способа сделать так, чтобы шрифт с плохой подсказкой выглядел приемлемым без сглаживания шрифта.

Основная проблема заключается в том, что создание шрифта, который выглядит хорошо на экране, стоит дорого. Формы букв хранятся в виде математически определенных кривых, которые можно масштабировать до любого разрешения, но при низких разрешениях эти кривые не попадают в правильные пиксели, поэтому для их четкого отображения требуется нечто, называемое хинтингом шрифтов. Подсказка шрифта может быть выполнена вручную, вручную или автоматически с помощью компьютерной программы, такой как ttfautohint.

Наилучшие результаты получены от шрифтов с подсказками вручную. Microsoft потратила много денег, чтобы вручную подсказывать шрифты, которые традиционно включены в Windows, поэтому они очень хорошо отображаются даже без ClearType/Font Smoothing.

Автоматически намекаемые шрифты значительно уступают. Большинство из них требуют некоторого сглаживания ClearType/Font, чтобы иметь приемлемый результат отображения при низком разрешении, потому что их необработанная форма выглядит как дерьмо на скриншоте, который я включил в свой оригинальный вопрос, с двойными толстыми линиями и тому подобным.

Раньше это не было большой проблемой, потому что большинство веб-страниц были разработаны для использования шрифтов, которые уже присутствовали на компьютере пользователя, и обычно они были высокого качества. Затем были изобретены веб-шрифты , которые позволяли каждому дизайнеру веб-сайта игнорировать высококачественные локальные шрифты пользователя и вместо этого использовать какой-то шрифт более низкого качества, который им нравился. Это также стимулировало использование пользовательских шрифтов для таких вещей, как значки пользовательского интерфейса и логотипы.

Так что, если вы ненавидите ClearType/Font Smoothing и у вас стандартное разрешение экрана, вы - SOL, если не пытаетесь отобрать контроль над выбором шрифта на просматриваемых веб-страницах. Это будет трудная и долгая битва, так как текст обычно отлично отображается с локальными шрифтами, но вам все еще нужны веб-шрифты для иконок. Вы, вероятно, не хотите использовать флаги браузера, чтобы полностью отключить веб-шрифты. Вот пара инструментов, которые помогут.

Chrome: Font Blocker. Этот инструмент позволит щелкнуть правой кнопкой мыши по тексту и заблокировать используемый шрифт. Он будет работать на многих веб-страницах, но все чаще возникают проблемы со свойствами Google.

Firefox: шрифт блокирован. Этот инструмент, похоже, является тем же расширением Chrome выше, но упакован для Firefox. Это работает так же.

Мне бы очень хотелось, чтобы кто-то создал что-то вроде блокировщика рекламы для веб-шрифтов, который использовал бы управляемый сообществом список замен шрифтов и исправлений страниц, чтобы сделать веб-сайт легко доступным для просмотра без веб-шрифтов без значков.

В конце концов, переход к более высокой плотности пикселей дисплея будет оказывать эту проблему спорный.