Шрифты

Почему шрифт на сверстанном сайте может отличаться от используемого в макете?

Посетители Вашего сайта могут использовать разные браузеры и разные операционные системы. В операционных системах Windows, MacOS и Linux есть определенные наборы стандартных шрифтов, но эти наборы для каждой операционной системы свои. Безусловно, есть шрифты, которые имеются в списке стандартных для всех перечисленных операционных систем. Именно их мы и используем в макетах сайтов для редактируемого текста. К таким шрифтам относятся следующие:

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

Однако и они могут на разных операционных системах и браузерах отображаться по-разному.

Приведем пример того, как отображаются шрифты в разных браузерах:

FireFox 16.0 Opera 10.60
Мазила Опера

Дополнительно информацию по вопросу различного отображения шрифтов в разных браузерах Вы можете посмотреть здесь:
http://habrahabr.ru/post/68189/

Посмотреть, как отображаются страницы Вашего сайта в различных браузерах, Вы можете здесь:
http://browsershots.org/

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

Эффекты шрифтов

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

Приведем пример того, как выглядят шрифты с включенным и выключенным эффектом сглаживания (для большей наглядности кликните на изображение, чтобы увеличить его до оригинала):

С включенным эффектом сглаживания С выключенным эффектом сглаживания
Сглаженные шрифты Несглаженные шрифты
Сглаженные шрифты1 Несглаженные шрифты1

Посмотреть информацию по поводу сглаживания шрифтов Вы можете здесь:
http://ru.wikipedia.org/wiki/сглаживание
http://ru.wikipedia.org/wiki/ClearType

Приведем инструкции по установке параметров сглаживания для наиболее распространенных операционных систем:

Windows 2000/XP:

1. Кликните правой кнопкой мыши по свободному месту Рабочего стола
2. Выберите пункт "Свойства"
3. Перейдите на закладку "Оформление"
4. Нажмите "Эффекты"
5. Поставьте галочку "Применять следующий метод сглаживания экранных шрифтов"
6. Укажите нужный эффукт (обычно ClearType)
7. Сохраните изменения
8. Для того, чтобы в открыых вкладках применилось сглаживание шрифтов, их следует обновить

Windows 7:

1. Кликните по кнопке Пуск (в левом нижнем углу экрана)
2. В появившемся окне выберите "Панель управления"
3. Далее кликаем по вкладке "Система и безопасность"
4. Выбираем пункт "Система"
5. В левой стороне открывшегося окна кликаем по "Дополнительные параметры системы"
6. Переключаемся на вкладку "Дополнительно"
7. В разделе "Быстродействие" кликаем на кнопку "Параметры"
8. Ставим галочку напротив пункта "Сглаживать неровности экранных шрифтов"

Ubuntu:

В Ubuntu по умолчанию отключено сглаживание шрифтов. Чтобы его включить, нужно отредактировать файл .fonts.conf.
1. Выполните команду gedit ~/.fonts.conf
2. Вставьте этот текст:

<?xml version=”1.0” ?>
<!DOCTYPE fontconfig SYSTEM “fonts.dtd”>
<fontconfig>
<match target=”font”>
<edit name=”autohint” mode=”assign”>
<bool>true</bool>
</edit>
</match>
</fontconfig>

3. Перезапустите систему

Win:

Для того, чтобы не писать весь скрипт здесь, предлагаем перейти по ссылке http://habrahabr.ru/post/50160/ и воспользоваться тем, что было изобретено до нас :)