"Каталог шрифтов" или "Как быстро подобать шрифт для сайта/блога"

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

В этом посте хочу рассказать о проекте Google "Каталоге шрифтов" и о вспомогательном сервисе "Просмотрщике шрифтов". Используя их вы сможете ответить на вопрос "Как установить шрифт на сайте/блоге?", "Как изменить шрифт на сайте/блоге?" и внедрить эти шрифты в течении 1 минуты. Сразу хочу сказать о том, что, к сожалению, данные шрифты НЕ поддерживают кириллические символы :(.

Making the Web Beautiful!

Поддерживается браузерами(по документации):
- Google Chrome 4.249.4+
- Mozilla Firefox 3.5+
- Apple Safari 3.1+
- Opera 10.5+
- Microsoft Internet Explorer 6+

Каталог шрифтов

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

Например, для того чтобы написать фразу "Making the Web Beautiful!" необходимо добавить следующий html

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

<div style="font-family: 'Tangerine'; font-size: 80px">Making the Web Beautiful!</div>

Предварительный просмотр шрифтов

Просмотреть и подобрать необходимый параметры шрифта вам поможет "Просмотрщик шрифтов". Вводите свой текст, выбирает шрифт, задаете параметры и сразу же получаете результат!

Предварительный просмотр текста

Настройка параметров

Код для внедрения

Уложились в минуту?! :)