У меня возникли некоторые проблемы с отображением шрифтов в Firefox. Я отключил ClearType/Font Smoothing в Windows 7, потому что мне не нравятся сглаженные шрифты (снял галочку с «Smooth Edges of Screen Fonts» в разделе «Производительность» панели управления «Система»), и теперь, похоже, многие варианты использования загружаемых веб-шрифтов отображаются в моем браузере очень плохо, например:
Обратите внимание, что некоторые (но не все) вертикальные линии выделены жирным шрифтом [источник текста].
Я знаю, что это как-то связано с загружаемыми веб-шрифтами, поскольку обычные шрифты отображаются правильно. Я могуобойтипроблема путем полного отключения загруженных шрифтов:
gfx.downloadable_fonts.enabled = false
Однако я бы предпочел загрузить шрифты и сделать так, чтобы они отображались правильно. Как настроить Firefox так, чтобы загружаемые веб-шрифты отображались правильнобез сглаживания шрифтов?
Кроме того, как называется эффект, от которого я пытаюсь избавиться? Похоже, шрифт визуализируется, чтобы сглаженная версия выглядела лучше, но это не отключается сглаживанием. У меня также есть похожая проблема в Chrome.
Я использую:
- Windows 7
- Фаерфокс 40
решение1
Поэтому мне, вероятно, следует опубликовать ответ, который я узнал с момента, как изначально задал свой вопрос.
tl;dr: создавать шрифты, которые хорошо отображаются на разрешениях экрана без сглаживания шрифтов, дорого, поэтому большинство создателей веб-шрифтов даже не пытаются. Нет способа заставить плохо хинтованный шрифт выглядеть приемлемо без сглаживания шрифтов.
Основная проблема заключается в том, что создание шрифта, который хорошо смотрится на экране, кажетсядорогой. Формы букв хранятся в виде математически определенных кривых, которые можно масштабировать до любого разрешения, но при низком разрешении эти кривые не ложатся точно на нужные пиксели, поэтому для них требуется нечто, называемоеподсказка шрифтадля четкого отображения. Подсказка шрифта может быть сделана вручную, вручную или автоматически, с помощью компьютерной программы, такой какttfавтоподсказка.
Лучшие результаты достигаются при использовании шрифтов с хинтами, заданными вручную. Microsoft потратила много денег на хинты шрифтов, которые традиционно включены в Windows, поэтому они отображаются очень хорошо даже без ClearType/Font Smoothing.
Шрифты с автоматическими хинтами значительно хуже. Большинству из них требуется какой-то ClearType/Font Smoothing для приемлемого результата отображения при низком разрешении, потому что их сырая форма выглядит как дерьмо на скриншоте, который я включил в свой исходный вопрос, с двойной толщиной линий и тому подобным.
Раньше это не было большой проблемой, поскольку большинство веб-страниц были разработаны с использованием шрифтов, которые уже присутствовали на компьютере пользователя, и они обычно были высокого качества. Затемвеб-шрифтыбыли изобретены, что позволило каждому веб-дизайнеру игнорировать высококачественные локальные шрифты пользователя и вместо этого использовать какой-нибудь шрифт более низкого качества, который им нравился. Это также поощряло использование пользовательских шрифтов для таких вещей, какИконки и логотипы пользовательского интерфейса.
Итак, если вы ненавидите ClearType/Font Smoothing и у вас дисплей со стандартным разрешением, вы SOL, если только не попытаетесь вырвать контроль над выбором шрифта из просматриваемых веб-страниц. Это будет сложная и долгая битва, поскольку текст обычно прекрасно отображается с локальными шрифтами, но вам все равно нужны веб-шрифты для иконок. Вы, вероятно, не захотите использовать флаги браузера, чтобы полностью отключить веб-шрифты. Вот пара инструментов, которые помогут.
Хром:Блокировщик шрифтов. Этот инструмент позволит щелкнуть правой кнопкой мыши по тексту и заблокировать используемый пользовательский шрифт. Он будет работать на многих веб-страницах, но все чаще имеет проблемы со свойствами Google.
Fire Fox:Блокировщик шрифтов foxified. Этот инструмент, похоже, то же самое расширение Chrome, но упакованное для Firefox. Он работает так же.
Мне бы очень хотелось, чтобы кто-нибудь создал что-то вроде блокировщика рекламы для веб-шрифтов, который использовал бы список замен шрифтов и исправлений страниц, управляемый сообществом, чтобы сделать веб-страницы легко просматриваемыми без незначковых веб-шрифтов.
В конечном итоге переход к более высокой плотности пикселей на дисплеях сделает эту проблему неактуальной.
решение2
К сожалению, выне мочь.
Дело в том, что размытые шрифты размыты ПО САМОЙ ЗАДАЧЕ, и поэтому их необходимо отключить, если вы хотите, чтобы они были четкими (т. е. заменить на старые добрые шрифты, такие как Arial).
Я отключаю cleartype везде, где только могу, потому что он режет мне глаза и вызывает головную боль. Вот что недавно спасло меня, так как я даже не мог больше читать свой GMail с нечетким (Roboto ?) шрифтом, используемым с последнего обновления.
(Мне пришлось вернуться к просмотру в формате HTML, чтобы получить что-то пригодное для использования...)
Отключение необычных веб-шрифтов, которые почти всегда размыты:
Источник :http://annystudio.com/misc/anti-aliased-fonts-hurt/
--
Мозилла Фаерфокс:
Откройте, about:configвведя адресную строку.
Установите gfx.downloadable_fonts.enabledзначение false.
Вы также можете заменить все шрифты на шрифт по своему выбору, перейдя в Инструменты – Параметры – Содержимое.
--
Гугл Хром
Щелкните правой кнопкой мыши значок запуска Chrome, выберите Свойства. В конце строки запуска добавьте--disable-remote-fonts
--
Обратите внимание, что хотя я и не пробовал, решение Firefox, похоже, включает способ замены некоторых шрифтов другими, то есть не отключая каждый из них, а просто заменяя, с, вероятно, высоко настраиваемой гранулярностью.
Кстати, большинство шрифтов, разработанных для размытия, все равно будут ужасны, если вы их не замените... но если вы найдете (или разработаете) их четкие версии и настроите такую замену, вы на самом деле сможете получить шрифты, близкие к оригинальным, без необходимости массового отключения всего.
Кстати, я заметил, что в вашем посте уже было решение для FF, но я сохранил его, так как полагаю, что тем, кто его ищет, может быть интересно решение для обоих браузеров сразу.