Google Fonts — отличный продукт для настройки бесплатных шрифтов на сайте.

Но с русскими словами его настройка может вызвать затруднения.

Делается это очень просто:

1. В списке шрифтов отобрать те, что поддерживают кириллицу (Cirillic)

Google Fonts - Google Chrome (2013-06-20 18.18.26)

2. Выбрать интересующий шрифт. Например Open Sans.

3. На странице шрифта нажимаем кнопку «Quick-use».

Google Fonts - Google Chrome (2013-06-20 18.22.07)

Попадаем на страницу настроек параметров по шагам.

4. Первый шаг. Выбор начертаний.

Обычно хватает параметра Normal 400

Google Fonts - Google Chrome (2013-06-20 18.23.53)

5. Второй шаг. Выбор набора символов. Вот тут-то и нужно выбрать кириллицу, иначе русский текст и символы будут отображаться криво.

Выбираем Cyrillic Extended (cyrillic-ext) и Cyrillic (cyrillic)

Google Fonts - Google Chrome (2013-06-20 18.25.46)

Шаги 4 и 5 — нужно выполнить на вашем сайте.

В этих блоках приложение выдает вам ссылку на CSS-файл, которую нужно вставить на сайт (вставляется по разному, в зависимости от типа платформы, которую использует ваш сайт)

И рекомендация по настройке тега font-family в вашей таблице CSS.

Пример как это делается с применением WordPress и темы Fizz:

Theme Options ‹ СТО — WordPress - Google Chrome (2013-06-20 18.28.37)