Использовать Google-шрифты на сайте просто)

Здесь выбираем понравившийся скрипт (ссылка выше), например, Script: Cyrillic, чтобы отобразились только шрифты с поддержкой кирилицы.

Google шрифты для сайта

Дальше Quick-use, на открывшейся страницы выбираем опцию Cyrillic и копируем код для вставки в head страницы, например:

<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

И для css файла:

font-family: 'Ubuntu Condensed', sans-serif;

Хотя сейчас я обычно использую вариант с css файлом.

Например, можно подобрать набор наиболее часто используемых шрифтов и добавить их в css файл шаблона, закомментировать чтобы не загружались по ненадобности, а при необходимости нужные можно будет раскомментировать.

@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
 
@import url(http://fonts.googleapis.com/css?family=Bad+Script&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Marck+Script&subset=latin,cyrillic);

И, соответственно, их применение:

font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Ubuntu Condensed', sans-serif;
 
font-family: 'Bad Script', cursive;
font-family: 'Marck Script', cursive;

Google-шрифты можно также использовать в приложениях на локальном компьютере, например, при создании дизайн макета.

Для этого нужно скачать шрифт в формате ttf и установить на компьютере. 

SkyFonts

На скриншоте значок загрузки в правом верхнем углу.

 

Комментарии   

#1 Евгений 27.06.2013 11:44
Вот 400 разнообразных шрифтов http://web-marka.com/ с поддержкой кириллицы. Установка как на google.fonts

Чтобы сделать комментарий, нужно авторизоваться на сайте!