Использовать Google-шрифты на сайте просто)
Здесь выбираем понравившийся скрипт (ссылка выше), например, Script: Cyrillic, чтобы отобразились только шрифты с поддержкой кирилицы.
Дальше 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 и установить на компьютере.
На скриншоте значок загрузки в правом верхнем углу.