Автор:

Давно приглядывался к шрифту Merriweather.
А вчера прочитал, что он – один из самых популярный в Интернете.
По крайней мере, на новостных сайтах и блогах. И это – справедливо: читается хорошо, выглядит приятно, как латиница, так и кириллица.
Как правильно установить шрифт на свой сайт указано на странице самого шрифта

  • Выбрать из предложенных вариантов нужный и нажать на +Select this style.

  • В появившейся правой колонке нажимаем на Embed.
  • Вставляем в html страницу между <head>...</head> следующий код (в нашей теме Jekyll-Jacman это в файле /_includes/_partial/head.html):
<link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
  • В файле css (у нас это – /assets/css/style.css) добавляем название шрифта. Должно выглядеть так:
font-family:
  'Merriweather', serif;

  • Сохраняем, ребилдим, проверяем на localhost`e, отправляем на сервер и…

  • Наслаждаемся.