Руководство по подключению Google шрифтов

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

В связи с тем, что количество блогеров огромное, и многие из них не разбираются в вопросах веб-разработки, предлагаю быстрое руководство по интеграции кастомных шрифтов от сервиса Google Web Fonts.

Google Web Fonts дает возможность использовать шрифты, сразу подгружая его к себе на сайт без того, чтобы скачивать шрифт на сервер. Все шрифты бесплатны. Есть для латиницы, есть для кириллицы.

Как установить шрифт

Итак, откроем сначала список шрифтов здесь и выберем понравившийся.

Для примера будем использовать “Cuprum”. Теперь нам надо подключить его к нашему сайту. Делается это очень просто. Переходим на страницу шрифта. Открываем закладку “Use this font”, копируем строку кода и вставляем её в темплейт между тэгами <head> и </head>.

Теперь открываем файл стилей (возможно у вас он называется style.css) и задаем тэгам новый шрифт:

[css]h1 { font-family: ‘Cuprum’, arial, serif; }[/css]

Вместо h1 можете указать любой другой тэг. Например: a, p, h1, h2, h3 и т.д.

Вот и всё.

Subscribe
Notify of
2 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
2
0
Would love your thoughts, please comment.x
()
x