Html сглаживание шрифтов. Сглаживание экранных шрифтов Clear Type. Настройка системных шрифтов при отключенном сглаживании

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

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

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

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

Сегодня хотелось бы рассказать о таком инструменте, как 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; }

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

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

Проблему с кернингом можно решить примерно таким 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» в корне сайта

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

На данный момент я использую полный набор шрифтов на сайте, в том числе и 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. Браузер читает настройки из операционной системы).