Categories: Уроки WordPress

Как изменить шрифт на сайте WordPress

Здравствуйте, друзья! В этом уроке мы разберем с Вами как изменить шрифт на сайте WordPress. Устанавливать новый шрифт будем с Google Fonts, так как это самый популярный, простой и надежный сервис с огромным выбором шрифтов. Итак, приступим!

Как подключить на сайт шрифт с Google Fonts

1. Сперва нужно выбрать шрифт, который мы будем устанавливать на сайт. Для этого переходим на сайт Google Fonts и сразу же сортируем шрифты так, чтобы они были «кириллические».

Если этого не сделать, то подключенный шрифт может не работать с русским или украинским текстом.

Также можно отсортировать шрифты по типу и другим параметрам.

2. Теперь выберите из списка понравившийся шрифт и нажмите кнопку «Quick-use».

3. В открывшемся окне нужно отметить галочками стили (к примеру Normal, Medium, Bold), которые собираетесь использовать на сайте. Также рекомендую ставить галочку и на латинским наборе, так как зачастую на сайте используются и латинские буквы.

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

Давайте разберем более детально способы подключения Standard и @import.

Способ 1

Standard — нужно скопировать строчку подключения шрифта и добавить ее в шапку сайта.

Сделать это очень просто. Переходим с административной панели в Внешний вид -> Редактор -> Заголовок (header.php) и добавляем код в содержимое тега <head></head>. Результат будет выглядеть так (на примере темы Twenty Twelve):

Способ 2

@import — нужно скопировать и добавить код в CSS стили сайта.

О том, как открыть и редактировать CSS стили мы говорили в одном из прошлых уроков.

Важно! Используйте только один способ подключения, не нагружайте зря сайт.

Использование нового шрифта на сайте

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

К примеру, для изменения шрифта на заглавиях h1, h2, h3 нужно добавить (или заменить, если для элементов уже установлен какой-то шрифт) такой код:

 h1, h2, h3 { font-family: 'Roboto', sans-serif; }

Как видите, сложного совершенно ничего нету. Изменить шрифт на сайте — дело 5 минут.

В случае, если у Вас что-то не получилось или возникли вопросы — смело пишите в комментариях.

Установка нового шрифта на сайт WordPress
admin2

Recent Posts

Почему лучше всего инвестировать в квартиры с двумя спальнями?

В сфере инвестиций в недвижимость выбор типа недвижимости может существенно повлиять на доходность и долгосрочную…

1 месяц ago

Майнинг в деревнях — Учебное пособие

1 000 000 человек уже занимаются ГОРЯЧИМ майнингом, и мы рады сообщить, что открываем новый…

2 месяца ago

Mine HOT: майнинг криптовалюты

NEAR Wallet — это мини-приложение в Telegram для хранения NEAR, USDT и добычи HOT. Майнинг…

2 месяца ago

Почему аренда коммерческой недвижимости в Энгельсе — ваша лучшая инвестиция

Аренда коммерческой недвижимости — это ключевой элемент успешного бизнеса в любом городе, включая Энгельс. Это не просто…

2 месяца ago

Покупка готового бизнеса в Костроме

В наше время все больше предпринимателей обращают внимание на перспективы покупки готового бизнеса, особенно в…

3 месяца ago

Notcoin, как играть

Новый 2024 год в криптосообществе начался с ажиотажа по поводу новой игры и потенциально будущей…

4 месяца ago