«Каталог шрифтов» или «Как быстро подобать шрифт для сайта/блога» - Специфика Web-публикаций - Контент - Каталог статей

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

В этом посте хочу рассказать о проекте Google «Каталоге шрифтов» и о вспомогательном сервисе «Просмотрщике шрифтов».

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

Сразу хочу сказать о том, что, к сожалению, данные шрифты НЕ поддерживают кириллические символы :(.

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

Например, для того чтобы написать фразу «This is some example text. You can edit it.....» необходимо добавить следующий html

Результат:

Making the Web Beautiful!

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.

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

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

Результат:

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.

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

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

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

Результат:

This is some example text. You can edit it. You can also modify it with the controls below. When you're done simply copy the code for your own site.

This is some example text. You can edit it. You can also modify it with the controls below. When you're done simply copy the code for your own site.

This is some example text. You can edit it. You can also modify it with the controls below. When you're done simply copy the code for your own site.

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

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

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

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.

This is some example text. You can edit it.
You can also modify it with the controls below.
When you're done simply copy the code for your own site.