Я уже ранее устанавливала новый шрифт на свой сайт, а на днях задумалась о том, чтобы поменять его снова, но не смогла сразу вспомнить как это делается. Память всё-таки  вернулась 🙂  и для того, чтобы опять всё не забыть, пишу этот пост :).

Я устанавливала новый шрифт так:

1. На сайте allfont.ru  находим подходящий нам шрифт.

Замена шрифта на сайте

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

Установить новый шрифт на сайт

3. Идём в Редактор (для этого открываем консоль управления → Внешний вид → Выбираем нужный файл, в котором содержится открывающийся тег <head>. У меня это  — Заголовок (header.php).

Для начала обязательно скопируйте всё содержимое вашего файла, в котором  будете производить изменения (на случай, если что-то пойдёт не так). Для этого, установите курсор мыши в область выделения, нажмите Ctrl A (выделить всё) → Ctrl C (копировать). Теперь откройте Word/Блокнот и скопируйте туда всё содержимое файла — Ctrl V (вставить). Назовите файл по его имени в редакторе, и сохраните в надёжном месте.

Установка нового шрифта на сайтТеперь копируем код для установки нового шрифта на сайте.

Как установить новый шрифт на сайтВставляем скопированную строчку в файле редактора после открывающегося тега <head>. Сохраняем все изменения и закрываем файл.

Как установить новый шрифт на сайте

Зелёным цветом выделен вставленный мной код с новым шрифтом, а голубым — код шрифта, установленного в моей теме по умолчанию (также, можно было вставить код нового шрифта прямо после него).

4. Теперь открываем таблицу стилей в Редакторе, копируем всё содержимое и вставляем его в текстовый файл. Сохраняем где-нибудь в надёжном месте.

Дальше активируем установленный новый шрифт в таблице стилей. Для этого нужно всего лишь прописать название нового шрифта (как указано на сайте) там, где вы хотите его видеть (в заголовке сайта, в записях или где ещё).

Установить шрифт на сайт

Я прописывала название нового шрифта в блоке «лого сайта» (вместо «Dosis», arial;  там изначально стоял шрифт Echo).

Как установить новый шрифтТеперь сохраняем изменения обновив файл и всё — новый шрифт должен появится на сайте.

Надеюсь, что всё было понятно. Спасибо за внимание. Удачи! 🙂


Кстати, если вы ищете хороший и надёжный хостинг, то можете воспользоваться моей партнёрской ссылкой https://beget.com/p197108, по которой вас перекинет на хостинг-провайдера, услугами которого я сама пользуюсь. Мне его посоветовал брат, и я этим хостингом осталась очень довольна. Если вы воспользуетесь моей ссылкой и станете клиентом beget.com, то я благодаря вам смогу оплатить ещё пару месяцев хостинга для этого сайта. Так что, заранее благодарю вас!

Теперь уж точно всё. Пока! :-* 

ЧИТАТЬ ЕЩЁ

Как получать больше денег. Полезная заметка Привет!!!!!!!!!!! Сегодня делюсь с вами очередной полезной информацией о том, как получать больше денег. Я знаю, что это животрепещущая тема для мног...
История — отзыв о законе притяжения #5 | Закон притяжения работает!... ДОКАЗАТЕЛЬСТВО ВСЕГДА БЫЛО У МЕНЯ ПОД НОСОМ Я погряз в моей зоне комфорта и долгое время ничего не менял, хотя и знал, что мне нужно заставить себя д...
История — отзыв о законе притяжения #4 | Найденные деньги Ещё одна коротенькая история о работе закона притяжения. Мне она понравилась своей простотой, а ещё тем, что она синхронизировалась с моими сегодняшни...
Кисть для тонального средства YSL PINCEAU Y-BRUSH / high coverage foundation brush with reservoir... Я обожаю покупать кисти для макияжа, а с тех пор как стала краситься с бОльшим удовольствием, моё желание приобретать красивые и качественные бьюти-ин...
История — отзыв о законе притяжения #3 | Выигрыш в лотерею Привет! Спешу поделиться переводом очередной истории о работе закона притяжения. (Вы можете найти первую историю здесь, а вторую здесь.) Выи...
Вся правда о раке. Серия документальных фильмов. Новые и безопасные подходы к лечению и предупреждению заболевания.... Это важно! Все, все, все! Регистрируйтесь по ссылке и смотрите серию документальных фильмов, которые освещают множество вопросов, связанных с этим заб...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Навигация по записям