Как выбрать шрифт в гугле
Не всегда создателя сайта устраивает шрифты, которые идут по умолчанию с шаблоном темы. Поэтому есть возможность поменять шрифт на свой или самый простой вариант выбрать в гугле.
Выбрать понравившийся шрифт https://fonts.google.com/ Если знать название шрифта, задать в поиске. Если не знать то есть сервисы для определения шрифта, который увидел где то. Например для этого сайта шрифт называется ‘Oswald’.
Замена шрифта в теме PaperMod
Поиск в гуглфонт выдаст этот шрифт, нажать плюсик в строке ‘Обычный 400’. Справа в окошке предпросмотр будут все необходимые данные для вставки шрифта в код. Выбрать . Скопировать код:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
И вставить его в пользовательский файл в конце после комментариев \themes\PaperMod\layouts\partials\extend_head.html Это специальный файл для пользователей, чтобы в случае обновления темы настройки не пропали.
Так же в пользовательский файл CSS вставим название шрифта, что бы не уклонятся от стандартной записи CSS в теме, сделаем минимальные изменения. Открыть файл \themes\PaperMod\assets\css\extended\blank.css и вставить следующий код:
body
{
font-family: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 18px;
line-height: 1.6;
word-break: break-word;
background: var(--theme);
}
Это то же самое, если вставить ‘Oswald’ в блок body файла темы \themes\PaperMod\assets\css\core\reset.css С одним отличием, что ничего не слетит после обновления темы.
Можно сделать так, шрифт на сайте поменяется, но к каким последствиям еще приведет пока не знаю:
body
{
font-family: 'Oswald', sans-serif;
}
А еще лучше создать файл \themes\PaperMod\assets\css\extended\oswald-font.css и вставить туда этот код.
В общем можно поиграться с настройками и посмотреть к каким результатам это приведет.
Комментарии