17 Авг 2012

Шрифты от Google, Google web fonts

Я очень люблю делать заголовки <h1> <h2> и т.д шрифтом, который отличается от стандартного, применяемого на странице.

Зачем это нужно?:

• Визуально лучше выделяет заголовки,
• Красивее смотрится,
• Своя изюминка на сайте.

Добавить шрифт от Google web fonts можно в 3 действия:

1. Заходим на http://www.google.com/webfonts и выбираем Cirilic,
2. Далее печатаем “Наш заголовок текста”, что бы посмотреть как он будет выглядеть,
3. Выбираем понравившийся шрифт “Quick-use”

Дополнительно можно выбрать еще стили, при этом справа индикатор показывает как сильно будет грузить страничку.

Так же выбираем дополнительные характеристики, например это Latin (latin) и Cyrillic Extended (cyrillic-ext) — что бы корректно отображались латинские и русские буквы.

Добавляем код на сайт, всего можно 3 способами, выбираем на свое усмотрение.

И в основном .css стиле нужно указать используемый шрифт от Google, как в примере

h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

В общем то ничего сложного.