Сглаживание экранных шрифтов Clear Type. Сглаживание веб-шрифтов на CSS

Технология 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 и выше сглаживались?

Заранее спасибо.

Алексей , никак.

Доброго времени суток Уважаемые читатели.

В последнее время мне в письмах часто задают вопрос — «Как сделать чтобы шрифты лучше выглядели на экране в 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 в Москве . Есть телефон круглосуточной поддержки.

У компаний 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

Приветствую вас, дорогие читатели.

Сегодня хотелось бы рассказать о таком инструменте, как ClearType. Он встроен в операционные системы от Microsoft. Решение позволяет заметно улучшить отображение текста на мониторе, независимо от его структуры и параметров. Далее в статье я расскажу, что такое сглаживание шрифтов в Windows 10 и других версиях, а также, как именно его включать.

Общая информация

Как говорилось выше, в Windows предусмотрен специальный инструмент, позволяющий улучшить отображение текста. Этот элемент является отдельной технологией сглаживания шрифтов. Он предназначен для более удобного чтения на жидкокристаллических дисплеях, типа TFT, OLED и прочих. В прошлом подключение данного ресурса не требовалось, так как использовались мониторы с электронно-лучевой трубкой. При этом в версии Vista вышеописанная функция была включена автоматически, а потому на старых мониторах символы выглядели непривычно, некрасиво и имели неудобный вид для просмотра.

Настройка ClearType в Windows 7-10

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

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

Важно! Для того, чтобы все последующие действия вступили в силу, необходимо обладать правами Администратора.

Поменять отображение символов можно при помощи соответствующего инструмента:

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

Как установить шрифт Apple?

Существует масса мнений, какая именно операционная система лучше. Но есть отдельные пункты, с которыми спорить практически невозможно. Так, например, никто не может возразить, что дизайн Mac OS проработан лучше остальных представителей рынка. А потому многие попросту берут его за основу.

Несмотря на то, что в Win предусмотрен свой инструмент «улучшения» отображения символов, многие хотят видеть их, как в Mac OS. И для этого существует сразу два решения проблемы. Они представляют собой небольшие приложения Gdipp и MacType.

Первый является открытым проектом, работа которого заключается в альтернативном методе обработки шрифтов в Win. И при этом обеспечивается гладкое, а главное приятное для восприятия начертание. Обычно оно встречается в ОС от Apple и дистрибутивах Linux.

Gdipp поддерживает как 32- , так и х64-разрядные версии систем от Microsoft. Что делать пользователям? Просто отправляйтесь на официальный ресурс разработчиков, скачивайте последнюю сборку и устанавливаете.

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

Это происходит в результате различий в стандартах архитектур.

Кроме того, большой популярностью пользуется решение MacType. В целом оно выполняет такие же функции, как и прошлый инструмент. Но вместе с тем обладает дополнительными возможностями, одной из которых является запуск на Windows 1703 сборки.

Есть еще один фактор – сглаживание, с которым дружат не все браузеры (в том числе и 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-метод.