Сглаживание экранных шрифтов Clear Type. Улучшаем качество экранных шрифтов в Windows XP
Доброго времени суток Уважаемые читатели.
В последнее время мне в письмах часто задают вопрос — «Как сделать чтобы шрифты лучше выглядели на экране в Windows 7?»
Чтобы каждый раз не отвечать на этот вопрос, я решил написать данную статью.
Итак, читаем.
Операционная система Windows 7 позволяет очень легко включить или отключить ClearType, а также настроить его для оптимальной работы на вашем мониторе. Давайте разберем вопрос о том, как сделать рендеринг шрифтов ClearType так, как вы хотите.
Что такое ClearType?
ClearType это технология сглаживания шрифтов, которая была введена в Windows XP. ClearType предназначен для сглаживания шрифтов на экране ЖК-дисплея. Шрифты выглядят неровными на ЖК-мониторах, так как они имеют фиксированные пиксели; эта проблема не возникает при использовании экранов ЭЛТ, так как они не имеют фиксированных точек. В то время как ClearType был отключен по умолчанию в XP, то в Windows 7 он теперь включен по умолчанию, так как большинство компьютеров, приобретенных в течение последних 5 лет, используются с ЖК-мониторами.
ClearType использует несколько вариантов затенения цвета текста, чтобы сделать его более удобным для чтения, в то время как традиционные отрисовки текста показывает только черные пиксели, которые выглядят зубчатыми на экране. Так, при 500% увеличении стандартного отображения текста он выглядит следующим образом:
При включении ClearType, текст уже будет выглядеть по другому. Обратите внимание на цвет затенения вокруг символов, что делает шрифты более гладкими, при просмотре на ЖК-экранах.
Как видно на этой картинке, при включении ClearType текст выглядит гораздо приятнее при нормальном уровне зума. Но помните: ClearType предназначен для ЖК-экранов, так что если вы все еще используете старый ЭЛТ-монитор, вам лучше отключить ClearType.
Включение ClearType.
Самый простой способ настроить ClearType в Windows 7, это ввести «ClearType» без кавычек в строку поиска меню Пуск и выбрать — «Настройка текста ClearType» из результатов поиска.
После этого появится мастер, который поможет включить или отключить ClearType в Windows 7
Технология ClearType должна быть включена по умолчанию, но если нет, то вы можете установить флажок, чтобы просмотреть, как ваш текст будет выглядеть с включенным ClearType.
Так же вы можете снять флажок, чтобы увидеть как будет выглядеть текст, при отключенной технологии ClearType.
Как правило, текст станет выглядеть намного хуже на ЖК-экранах. Но включить эту технологии мало, ее нужно правильно настроить. О чем и пойдет речь далее.
После выбора включить ClearType, нажмите кнопку Далее в нижней части диалогового окна. Windows проверит, что ваш основной монитор установлен в его родном разрешении, если это не так, вам нужно будет изменить его в первую очередь.
После этого будет предложено выбрать текст, из разных вариантов, который наиболее вам удобнее(красивее) читать. Эта процедура повторится 4 раза. Выбирайте те варианты, которые вам кажутся правильными.
После этого нажмите кнопку Готово, чтобы сохранить и активировать новые настройки сглаживания шрифтов. Если все выглядит не так, как вы хотели, то потом просто снова запустите мастер ClearType как написано выше, и выбирайте различные настройки.
В заключении статьи, я хочу отметить, что некоторые приложения используют свою технологию сглаживания шрифтов. Если вы видите, что в некоторых программах текст выглядит не так, как хотелось бы, то проверьте параметры этой программы, чтобы убедиться, что сглаживание шрифтов в ней включено.
На заметку: Если у вас сломался ноутбук фирмы Acer, то присмотритесь к фирме XboxFlash, которая осуществляет ремонт ноутбуков Acer в Москве . Есть телефон круглосуточной поддержки.
Есть еще один фактор – сглаживание, с которым дружат не все браузеры (в том числе и 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; }
* этот хинт используется для всех заголовков данного сайта
Данный способ имеет пару недостатков:
Проблему с кернингом можно решить примерно таким 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» в корне сайта
Пару простых хинтов:
У компаний Apple и Microsoft всегда были разногласия по поводу того, как показывать шрифты на экране компьютера. При этом обе компании используют субпиксельный рендеринг, чтобы добиться более четко выглядящих шрифтов. Разница заключается в алгоритме отрисовки. Apple старается максимально сохранить дизайн начертания шрифта, при этом допуская небольшую размытость. Microsoft вписывает символы в пределы границ, установленных пикселями, благодаря этому предотвращается размытие и улучшается читаемость, даже за счет неполного соответствия начертанию.На данный момент я использую полный набор шрифтов на сайте, в том числе и SVG, так как способ надежнее и скорость хостинга позволяет. Со временем, когда «ли.ру» скажет, что обычный пользователь рунета использует достаточно свежую версию браузера, задумаюсь о переходе на чистый CSS-метод.
Изначально программу 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 , который находится в папке с установленной программой. После внесения изменений сервис надо перезапустить. Исключения определяются по именам исполняемых файлов, несколько предустановленных значений там уже есть, можете легко дописать свои:
Если вы впервые установили Windows 7 на ваш компьютер или переустановили вашу операционную систему, то первыми действиями, которые необходимо совершить, является и сглаживание шрифтов. О первой операции мы уже писали ранее, а вот как сделать сглаживание шрифтов в Windows 7 сейчас подробно рассмотрим.
Для совершения сглаживания существует специальный инструмент, который именуется не иначе как ClearType . Для начала нам необходимо его запустить. Для этого заходим в меню «Пуск». Далее запускаем командную строку «Выполнить ».
Затем в появившемся окне, в строке «Открыть» вводим «cttune » и нажимаем кнопку «ОК».
Откроется окно «Средство настройки текста ClearType ». Не убирайте галочку, которая установлена напротив «Включить ClearType», а просто нажмите кнопку «Далее ».
Далее появится новое сообщение от Windows, в котором будет сообщаться о том, что ваша операционная система выставила базовое разрешение дисплея. Здесь также просто жмем кнопку «Далее ».
В следующем пункте Windows предложит выбрать одну из ячеек, текст в которых, по вашему мнению, выглядит более читабельным. Щелкните левой кнопкой мыши по выбранной ячейке и снова нажмите кнопку «Далее ».
И снова вам будут предложены ячейки на выбор, с текстовым наполнением. Только теперь их будет не две, а шесть. Повторяем предыдущие действия.
В двух последующих этапах настройки сглаживания шрифта ClearType предложит провести аналогичные операции с выбором более читабельных текстов. Это необходимо для того, чтобы провести более точную настройку параметров, ведь если шрифты будут выбраны не правильно – вам станет сложнее читать текст на экране и ваши глаза будут быстрее уставать при работе за компьютером.
После этого появится окошко, которое сообщит вам, что настройка отображения текста на мониторе завершена. Вам необходимо просто нажать кнопку «Готово » и окно закроется самостоятельно, а все выбранные вами параметры применяться автоматически.
Возможно каких-то особых изменений вы не «почувствуете», но поверьте – эта операция сглаживания шрифтов со временем даст свои плоды. Просто уделите несколько минут времени для проведения всех вышеописанных операций и вы действительно продлите время вашей работы за компьютером на 30-60 минут.
Что касаемо отключения этого сглаживания шрифтов в Windows 7, то это сделать невозможно. При первом же запуске компьютера операционная система автоматически совершает этот процесс, а вы можете только провести небольшую калибровку.
Технология ClearType создана для лучшего отображения шрифтов на жидкокристаллических мониторах.
В Windows 7 сглаживание шрифтов по умолчанию включено и настроено автоматически, согласно техническим характеристикам вашего монитора. Если автоматические настройки вас не устраивают, то вы можете вручную отрегулировать параметры ClearType.
Подготовка к настройке ClearType
Чтобы корректно настроить сглаживание шрифтов по технологии ClearType, необходимо сделать следующее:
1. Установите самую новую версию драйвера видеокарты. Этот драйвер должен быть написан производителем вашей видеокарты специально для Windows 7.
2. Установите самую новую версию драйвера монитора, совместимую с Windows 7.
3. Установите разрешение экрана, при котором вам будет удобно работать.
4. Выполните , если вы еще не сделали этого.
Настройка ClearType
1. Чтобы отрегулировать параметры сглаживания шрифтов, нажмите Пуск, введите в поисковую строку команду cttune и нажмите Ввод .
Сам процесс настройки сглаживания шрифтов не должен вызывать трудностей.
1. Чтобы отключить сглаживание шрифтов в Windows 7, откройте Панель управления -> Система -> Дополнительные параметры системы .
2. Откройте Параметры быстродействия и на вкладке Визуальные эффекты уберите галочку с пункта Сглаживать неровности экранных шрифтов .
3. Нажмите ОК два раза.
Теперь вы можете обнаружить, что шрифты в интерфейсе программ и операционной системы отображаются слишком угловато и слишком мелко. Причина – в Windows 7 в качестве основного шрифта установлен «Segoe UI», у него другие масштабы и он рассчитан на включенное сглаживание.
Настройка системных шрифтов при отключенном сглаживании
1. Чтобы настроить нормальный вид окон, откройте Панель управления -> Персонализация -> Цвет и внешний вид окна -> Дополнительные параметры оформления…
2. В раскрывающемся списке регулируются параметры отображения большинства элементов интерфейса Windows 7. Выставьте шрифт Tahoma, размер шрифта 8 в следующих пунктах раскрывающегося списка:
- Всплывающая подсказка
- Выделенный пункт меню
- Заголовок активного окна
- Заголовок неактивного окна
- Значок
- Название панели
- Окно сообщения
- Строка меню
Обратите внимание, что в этом окне настроек два поля «Размер». Верхнее поле – это размер элемента интерфейса Windows, а нижнее поле – размер шрифта. Таким образом, чтобы отрегулировать размер шрифта, вносите изменения в нижнее поле , а верхнее поле оставьте без изменений.
3. В пункте Кнопки управления окном выставьте размер 21 (в верхнем поле «Размер»), чтобы сохранились стандартные размеры кнопок «Закрыть», «Свернуть» и «Развернуть».
4. Нажмите ОК .
Экран и шрифты
Новые статьи
Комментарии (10) к “Управление ClearType – сглаживанием шрифтов в Windows 7”
Это все понятно… А что делать с «масштабированием» шрифтов при измении разрешения экрана меньше «рекомендуемого»? Опять включается тоже самое сглаживание… хотя вроде бы везде оно отключено… даже в реестре. Как отключить маштабирование при _низком_ разрешении экрана?
LAV, у нас про реестр ничего не написано. Вы отключали Cleartype иначе, поэтому ничего не можем посоветовать. По нашему руководству сглаживание шрифтов отключается полностью и не включается при изменении разрешения и масштабировании.
Отключал изначально так же, как в вашей статье и лишь потом полез в реестр. Проблема уже решена. Она оказалась в некорректном драйвере для моей видеокарты, который устанавливает Windows 7 и не хочет заменять на оригинальный. Этот драйвер только в режиме «рекомендуемого» разрешения нормально отображает шрифты, а при других разрешениях начинает их «сглаживать». Скрином экрана, на котором шрифт оказался не сглаженным, удалось зафиксировать, что на самом деле шрифты отображаются нормально и лишь на экран выводятся в уже «сглаженном» виде.
Служба техподдержки Microsoft быстро отработала и исправила драйвер.
Интересно… А что за драйвер и какая модель видеокарты?
Как по мне, ClearType отлично справляется даже на моем ЭЛТ мониторе. Все шрифты выглядят намного лучше, чем при обычном сглаживании
От драйвера зависит. До выхода новых драйверов для моей nVidia я сглаживание отключал (размытость была), а теперь, после установки новых драйверов пользуюсь сглаживанием.
народ, вот я непойму откуда вы взяли в панели управления персонализацию?…у меня такого пункта нет, при том что винда лиц…
Павел , откройте панель управления в режиме отображения «крупные значки», к примеру. «Персонализация» находится после «Параметров папок» и перед «Подключениями к удаленным рабочим столам».
Можно ли как-нибудь в Windows 7 поставить сглаживание шрифтов «Обычный»? Такой режим есть в XP, в семерке я его не нашел.
Почему я его хочу поставить? Я не хочу, чтобы сглаживались мелкие шрифты, потому как моему глазу неприятно и непривычно, ровно как и не сглаживание крупных шрифтов.
Как в Windows 7 сделать так, чтобы шрифты до 15 px не сглаживались, а от 15 px и выше сглаживались?
Заранее спасибо.
Алексей , никак.
