Эта статья будет в полезна только владельцам портативных компьютеров (ноутбуков) и пользователям LCD мониторов. Из-за физических принципов отображения точек, на LCD экране, обычные шрифты имеют слишком четкие грани, что несколько ухудшает читаемость текста с экрана. Точнее сказать текст читается прекрасно, однако, глаза слишком быстро утомляются. Кстати, это объясняет жалобы на утомляемость при работе с текстами на LCD.

Для устранения этого эффекта, в новой операционной системе Windows XP, компания Microsoft применила новую технологию сглаживания экранных шрифтов ClearType. При первом использовании этой технологии возникает ощущение некоторой размытости. Однако это обманчивое ощущение. На самом деле ClearType позволяет сделать символы более гладкими и натуральными, т.е. более привычными для человеческого глаза. Для сглаживания шрифтов, ClearType использует обработку сигналов и свойств LCD.

Что бы использовать ClearType необходимо, что бы Ваша графическая карта поддерживала более 256 цветов (лучше установить 24-bit или 32-bit режим). Активизация технологии возможна из меню свойств экрана -> оформление -> эффекты.

Мы не будем подробно рассказывать, каким образом технология ClearType улучшает качество экранных шрифтом. Вместо этого мы покажем Вам увеличенный в 16 раз тестовый текст.

Мы думаем, что этот рисунок прекрасно иллюстрирует принцип работы ClearType.

Однако, несмотря на всю простоту использования ClearType, имеется один маленький недостаток. Встроенная функция активизации ClearType не позволяет пользователю настраивать качество сглаживания. Для чего это нужно? Дело в том, что не все люди имеют одинаковое зрение, и качество LCD мониторов так же отличается. Для одних пользователей установленных по умолчанию параметров сглаживания достаточно, для других нет.

Для устранения этого недостатка, уважаемый Mike Dixon ([email protected]), написал не сложную утилиту ClearTweak, которую можно загрузить с официального сайта . Она позволяет изменять качество сглаживания или контрастность экранных шрифтов. Работает программа очень просто. После завершения процедуры инсталляции, и запуска ClearTweak Вы увидите примерно следующий интерфейс программы (обрамление зависит от выбранной темы Windows XP).

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

Ниже этого пункта расположено окно, отображающее пример того, как будут отображаться шрифты при выбранных установках.

На скриншотах мы приводим примеры работы программы в разных режимах.

Без применения сглаживания

Применения стандартного сглаживания

Сглаживание с применением технологии ClearType с установленными по умолчанию параметрами Windows XP

Сглаживание с применением технологии ClearType с уменьшенной контрастностью (1000)

Идеальные ноутбуки IBM для Windows XP

Ноутбуки IBM ThinkPad(r) T Series смогут существенно улучшить и одновременно сделать проще Ваши мобильные вычисления. Они тонкие, легкие и являются идеальными спутниками в дороге. С их помощью Вы получите доступ в Internet. Возможность Вам подключить опциональную цифровую камеру UltraPort Camera. Включение в корпус титановых композиционных материалов делает ThinkPad T Series невероятно прочным.

Согласитесь, работать практически невозможно, когда на экране все символы расплываются и рябят. Я не понаслышке знакома с этой проблемой и той болью в глазах при долгой работе на компьютере с таким текстом. К сожалению, от этого никто не застрахован и, надеюсь, благодаря этой статье, мы сможем «побороть» размытый шрифт.

Проблема размытого шрифта не обошла стороной пользователей «десятки». Обычно с этим сталкиваются при обновлении операционной системы.

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

Обычно размытый шрифт появляется в результате применения некорректного масштаба. Устранить эту проблему можно двумя путями, изменив масштаб для отдельно взятого приложения или для системы в целом.

Устранение размытых шрифтов в приложениях в Windows 10

Если шрифт размыт у вас не в системе, а в одной или нескольких программах, то этот метод для вас. При помощи описанных ниже шагов вы избавитесь от рябящих букв будь то Skype или Проигрыватель Windows Media.

Кликните правой кнопкой мыши по ярлыку интересующей вас программы, перейдите в «Свойства», затем выберете вкладку «Совместимость».

Поставим флажок на отключении масштабирования изображения при высоком разрешении экрана, нажимаем ОК.

Устранение размытых шрифтов в системе Windows 10

Если же размытый шрифт во всей системе, то вышеприведённый метод вам не подойдёт. Благо, для устранения размытого шрифта в Windows 10 в целом существует несколько способов.

В этом способе мы уменьшим количество точек на дюйм (dpi), сделать это не так сложно, как кажется.


Если вам не понравился результат проделанной выше работы, есть ещё один вариант. Суть его состоит в том, что мы возвращаем в Windows 10 способы масштабирование из Windows 7 и Windows 8. Иногда это даёт намного лучший результат, чем при стандартных настройках.


Готово! Осталось только перезагрузить систему и наслаждаться отсутствием головной боли после работы за компьютером с размытыми символами.

Как исправить размытые шрифты вWindows 7

Всеми любимая «семёрка» также может стать жертвой размытого шрифта. Корень проблемы в «кривом» сглаживании шрифтов ClearType, которое используется в Windows 7 всюду, даже там, где это не особо нужно. Можно было бы просто отключить ClearType, но, к сожалению, этого не всегда достаточно.

Для решения проблемы можно использовать несколько способов:

Отключить сглаживание ClearType

Первые два метода очень просты в исполнении. Для того чтобы отключить сглаживание, следует проделать следующие шаги:


На этом первый способ устранения размытого шрифта закончен.

«Масштабы в стиле XP»

Второй способ такой же простой, как и предыдущий.

Проделываем те же шаги, что приведены выше до шага 1.4. и входим в меню «Экран». Там выбираем пункт «Другой размер шрифта (точек на дюйм)».

Появится своеобразная линейка, на которой мы исправляем масштаб на 100% и ставим флажок «Использовать масштабы в стиле Windows XP».

Старые шрифты

Последний способ покажется сложней для неопытного пользователя, но мы справимся.

Суть этого способа заключается в использовании старых шрифтов, для этого нам придётся внести изменения в реестр , но обо всём по порядку.

Первое, что необходимо сделать - это создать файл с расширением.reg и скопировать в него код, приведённый ниже.

«CaptionFont»=hex:f5,ff,ff,ff,00,00,00,00,00,00,00,00,00,00,00,00,bc,02,00,00,\



«IconFont»=hex:f5,ff,ff,ff,00,00,00,00,00,00,00,00,00,00,00,00,90,01,00,00,00,\

,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00
«MenuFont»=hex:f5,ff,ff,ff,00,00,00,00,00,00,00,00,00,00,00,00,90,01,00,00,00,\
00,00,01,00,00,00,00,54,00,61,00,68,00,6f,00,6d,00,61,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00
«MessageFont»=hex:f5,ff,ff,ff,00,00,00,00,00,00,00,00,00,00,00,00,90,01,00,00,\
00,00,00,01,00,00,00,00,54,00,61,00,68,00,6f,00,6d,00,61,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00
«SmCaptionFont»=hex:f5,ff,ff,ff,00,00,00,00,00,00,00,00,00,00,00,00,bc,02,00,\
00,00,00,00,01,00,00,00,00,54,00,61,00,68,00,6f,00,6d,00,61,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00
«StatusFont»=hex:f5,ff,ff,ff,00,00,00,00,00,00,00,00,00,00,00,00,90,01,00,00,\
00,00,00,01,00,00,00,00,54,00,61,00,68,00,6f,00,6d,00,61,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00

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

Изначально программу GDI++ разработали в Японии . Им приходится отображать на экране иероглифы, все штрихи в них должны выглядеть красиво и читабельно. Но в стандартной системной отрисовке они выглядят ужасно, даже с включенным сглаживанием ClearType.



Утилита заменяет системный модуль растеризации на свой, в результате чего сглаживание шрифтов становится похожим на Mac OS. Разработка оригинальной версии GDI++ прекращена еще в 2006 году, но исходники библиотеки выложены в открытый доступ, поэтому проект сейчас поддерживается энтузиастами . Наиболее стабильная версия с конфигами для различных мониторов прилагается.



GDI.8.1.2009.0101.zip (433,013 bytes)


Запуск через gditray.exe , выбор конфигурации через меню Preferences in Use в трее. Однозначных рекомендаций дать не могу, попробуйте разные варианты конфигов, выберите тот, который наиболее соответствует вашему монитору. Включение/выключение через пункты меню Enable и Disable.



Можно запускать GDI++ только для какой-нибудь определенной программы, для этого надо создать ярлык запуска, указав целевую программу в качестве параметра для файла gdi++.exe .

"C:\Program Files\GDI++\gdi++.exe" "C:\Windows\notepad.exe"
Еще один вариант развития GDI++, который мне понравился больше - это gdipp . Его преимущества в том, что он корректно работает под 64-битными системами, устанавливается в систему как сервис, и, на мой взгляд, справляется с отрисовкой лучше своего прародителя. Хотя это все субъективно.



Самый современный вариант - MacType . Тут есть и многоязычный интерфейс, включая русский, и выбор вариантов запуска, и более расширенные настройки. Последнее обновление от 2013 года. По всей видимости, это сейчас наиболее оптимальный вариант для использования.

MacType.1.13.1231.zip (3,124,190 bytes)


Кроме японцев достоинства GDI++ оценили множество пользователей по всему миру. Особенно это касается тех, кому приходится много времени проводить за работой с текстами. Например, у меня почти постоянно открыт редактор кода и браузер, комфортное восприятие больших объемов текстовой информации для меня очень важно. И как же кайфово стало работать! Вот, например, как выглядит Sublime Text со шрифтами "Anonymous Pro" и "PragmataPro". На скриншотах это может быть не так сильно заметно, но на практике разница ощутима, особенно на большом мониторе.





А вот так стал выглядеть шрифт в моем любимом браузере Firefox и в файловом менеджере Total Commander. Отрисовка с GDI++ стала более плавной, буквы выглядят жирнее, а глаза реально меньше устают.





К сожалению, не обошлось без минусов. Некоторые программы при пролистывании текста стали немного притормаживать. Для gdipp настройка программ-исключений делается в файле gdipp_setting.xml , который находится в папке с установленной программой. После внесения изменений сервис надо перезапустить. Исключения определяются по именам исполняемых файлов, несколько предустановленных значений там уже есть, можете легко дописать свои:


conhost\.exe
dwm\.exe
logonui\.exe
service\.exe
spoolsv\.exe

Есть еще один фактор – сглаживание, с которым дружат не все браузеры (в том числе и Chrome) при использовании нестандартных шрифтов, хотя, и стандартные тоже не все сглаживают. Получается, что шрифт становится угловатым, а его границы резкими и это не очень комфортно для чтения.

В случае, если нужно использовать сторонний шрифт, например, с «Google.Fonts», то наиболее надежный метод – это создание полного набора форматов шрифта, включая SVG. Можно использовать его, например, только для заголовков.

Если шрифт стандартный, то можно сразу перейти к CSS-методу, расположенному ниже, так как он очень прост и понятен.

Основные CSS-методы, которыми можно сделать шрифт более читаемым

CSS метод

Данный метод весьма минималистичен, ведь для его реализации достаточно 3 строки кода и присвоить класс «title» к сглаживаемому тексту. Сглаживание текста происходит за счет тени и применимо, разве что, для заголовков. Данный метод можно расценивать как «хак».

Title { text-shadow: -1px -1px 1px rgba(255,255,255, 0.2), 1px 1px 1px rgba(255,255,255, 0.2), 1px 1px 1px rgba(0,0,0, 0.7); }

CSS3 метод

При решении проблемы сглаживания шрифтов в движке «Сhromium», на Google.Code один программист предложил быстрое решение на CSS3. Это оказалось весьма рационально, ведь можно отказаться от SVG и сторонних веб-шрифтов шрифтов, которые весят порядка 200~500 Кб и требуют дополнительного времени загрузки.

Данный код нужно добавить в css-файл:

Body { -webkit-font-smoothing: subpixel-antialiased !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }

* этот хинт используется для всех заголовков данного сайта

Данный способ имеет пару недостатков:

  • не работает на старых версиях Chrome ниже 21
  • расстояние между буквами (кернинг) шрифта может слегка поменяться

  • Проблему с кернингом можно решить примерно таким css-кодом:

    Body { font-size: 125%; letter-spacing: 0.05em; line-height: 1.3em; } body > * { font-size: 85%; line-height: 1.3em; }

    * разумеется, данные параметры нужно слегка настроить под особенности сайта

    Какой метод и каким образом применить - решение индивидуальное. Но результат один - красивые шрифты и довольные читатели.
    Если конечно, браузер обновленный.

    SVG метод

    Потребуется генератор веб-шрифтов fontsquirrel.com/tools/webfont-generator

    Нужно загрузить нужный шрифт в формате «.otf или.ttf» и выставить данные настройки:


    Согласиться с требованиями и нажать «DOWNLOAD YOUR KIT»

    После загрузки архива будет достаточно только подключить SVG-шрифт к сайту, но желательно, использовать все форматы.

    CSS-код для подключения шрифтов, который можно вынести в отдельный файл:

    @font-face { font-family: "Open Sans"; src: url("/font/opensans.eot"); src: url("/font/opensans.eot?#iefix") format("embedded-opentype"), url("/font/opensans.woff") format("woff"), url("/font/opensans.ttf") format("truetype"), url("/font/opensans.svg#OpenSansRegular") format("svg"); font-style: normal; font-weight: normal; }

    * в данном случае все шрифты Open Sans лежат в папке «font» в корне сайта

    Пару простых хинтов:

  • Минимально для сглаживания достаточно присоединить только только «woff» и «svg» шрифты
  • Чтобы не подгружать шрифт можно закомментировать всю строку в /* адрес шрифта */
  • На «FontSquirrel» можно покопаться в настройках и исключить лишнее из шрифтов
  • Параметры font-family, font-style, font-weight можно настраивать опционально
  • На данный момент я использую полный набор шрифтов на сайте, в том числе и SVG, так как способ надежнее и скорость хостинга позволяет. Со временем, когда «ли.ру» скажет, что обычный пользователь рунета использует достаточно свежую версию браузера, задумаюсь о переходе на чистый CSS-метод.

    Может быть, вам знакома ситуация, когда вы заходите на сайт, а там кривые шрифты (мелкие, неудобочитаемые, как на картинке слева)… Но не спешите ругать дизайнера. Дизайнер старался, старался, подбирал шрифт, его начертание. А тут вы! Оп, а дизайнер-то напортачил! Может быть, это вы видели уже не раз, может быть, это попадается вам постоянно? Тогда стоит проверить, включено ли у вас сглаживание экранных шрифтов?

    Эта проблема возникла, скорее всего, не так давно, в связи с широким распространением ЖК-дисплеев, имеющих более высокое разрешение. Пиксель виден лучше, размывания, как на «трубке» - не происходит. И «пикселизация» привела к тому, что вместо наклонной линии мы видим ступеньки. Для того чтобы увидеть, как всё замыслил автор сайта, разглядеть всю красоту, необходимо включить сглаживание экранных шрифтов. В разных операционных системах, в разных их версиях эта настройка может находиться не там, где у других. Попробуем описать разные варианты.

    Windows XP

    Правой кнопкой мыши на рабочем столе - Свойства - Оформление - Эффекты

    Поставить галочку напротив: «Применять следующий метод сглаживания экранных шрифтов» и выпадающем меню выбираем Clear Type.

    Жмём - Применить, затем - ОК.

    Перезагружаемся и ОП! Всё красиво.

    В современных операционных системах, например в Windows XP, если вы пользуетесь ЖК-монитором, возможно в панели управления есть пункт «Настройка ClearType». Войдите в этот раздел и запустите «Мастер настройки ClearType». Выполняя пошаговые инструкции, вы очень точно и тонко настроите сглаживание шрифтов конкретно для вашей видеокарты и вашего монитора. И шрифты перестанут быть «ступенчатыми» и «расплывчатыми». Эта настройка похожа на то, как всё реализовано в Windows 7 и 8.

    Сглаживание экранных шрифтов Windows 7

    Эта опция находится в другом месте и имеет больше параметров и тестов для выбора наилучшего варианта отображения текста.

    «Панель управления» — «Оформление и персонализация» — «Экран». Затем слева нужно выбрать «Настройка текста Clear Type». Запустится мастер, который позволяет включить, настроить или отключить Clear Type.

    Windows 8

    Настраивать не пришлось, всё уже было готово.

    Но, если вам интересно, то все настройки Clear Type находятся там же, где и в Windows 7. На рабочем столе щёлкаем правой кнопкой мыши, выбираем «Screen Resolution». В верхней строчке «Control Panel - Appearance and Personalization - Display - Screen Resolution» щёлкаем на пункте «Display». Слева выбираем «Adjust Clear Type Text». Проверяем, чтобы была поставлена галочка - «Turn On Clear Type» и жмём кнопку «Next». То есть запускаем мастер настройки Clear Type. Следуем инструкциям на экране, пока не добьёмся наилучшего отображения шрифтов.

    Safari

    Safari - браузер от компании Apple. Но есть версия и под Windows. Возможно, что настройка в самой операционной системе происходит иначе. Пишите, если знаете как.

    В верхнем правом углу браузера Safari нажимаем иконку настройки (шестерёнка).

    Выбираем закладку «Внешний вид». В выпадающем меню «Сглаживание шрифта» выбираем то, что нам больше нравится: «Наилучшее для CRT» (Этот метод я и применил, как лучший. Смотрите на скриншот), «Облегчённое» (Буквы стали жирными), «Среднее - оптимально для плоских экранов» (очень жирно), «Сильное» (жирнее некуда - текстовые блоки потемнели, изменилось восприятие параграфов), «Стандартное Windows» (выглядит так же, как в Windows. Браузер читает настройки из операционной системы).