Возможно не каждый владелец сайта знает, что можно очень легко заменить стандартный скучный шрифт на более красивый и более подходящий для вашей тематики.
Если создать html страницу без любых настроек шрифтов, то текст будет выглядеть так:
У Google есть обширная база шрифтов на любой вкус.
Сначала заходим на fonts.google.com. Если вы владелец русскоязычного сайта, то первым делом нужно выбрать в поле Language: Cyrillic.
Это нужно для того, чтобы на данной странице нам не показывались те шрифты, которые не поддерживают кириллицу.
В поле Sentence, там где написано "Type something", можно набрать какой-нибудь текст с вашего сайта, чтобы лучше понять, как он будет выглядеть в зависимости от шрифта.
Определившись с выбором, нажимаем на плюсик в правом верхнем углу выбранного шрифта. Снизу страницы появится надпись Family Selected в сплывающем окне. Если вы нажали на плюсик, но ничего не произошло, то попробуйте обновить браузер.
Развернем это окно, нажав на значок справа в виде белой полоски.
Здесь нас интересует тег, который вставляется в контейнер <head> на странице вашего сайта. Но в данной строке параметр толщины шрифта, или он записывается как font-weight в css, только один и равен 300. Если вам захочется где-то этот шрифт сделать жирнее или уже, изменяя параметр font-weight, у вас ничего не получится. Чтобы на вашем сайте было больше возможных начертаний выбранного шрифта, нужно выбрать CUSTOMIZE.
Именно у этого шрифта всего лишь три варианта написания. По-умолчанию выбран первый, без наклона и без жирного написания. Если они вам пригодятся, то ставим напротив них галочку.
Так же по-умолчанию выбрана группа языков Latin. Нам необходимо поставить галочку напротив Cyrillic.
Cyrillic Extended дополнен символами редких кириллических алфавитов, разработанных для жителей Сибири, Дальнего Востока и прочего постсоветского пространства. Также там церковно-славянские и просто устаревшие буквы. Для обычного современного русского текста Cyrillic хватит с головой. И не только для русского, но и для украинского, белорусского, казахского, сербского и некоторых других.
Снова переходим в EMBED.
Заметьте, что время загрузки шрифта изменилось c быстрого на умеренное (Load Time: Moderate). Так же в строке тега <link> добавились начертания и кириллица.
Теперь эту строчку переносим к себе на страницу сайта.
А строку с font-family прописываем в CSS.
На скриншоте данный шрифт "Open Sans Condensed" задан для всей страницы, но его можно назначать и на отдельные теги.
Вот что в итоге получилось:
Первая строка - та, которая была в первом скриншоте.
Вторая - выполнена с добавленным шрифтом "Open Sans Condensed" с параметром font-weight = 300 (по-умолчанию).
Третья - с шрифтом "Open Sans Condensed" с параметром font-weight = 700.
