Меню

Шрифты

При-вет, дружелюбное, подвижное создание!

В данном посте я обьясню как подключить шрифт на страницу

Для начала нам нужен сайт https://fonts.google.com/ - оттуда мы будем брать все наши шрифты

 

В первую очередь подключим кириллические шрифты, для этого выбираем в окне язык-кириллица

 

Листаем список, находим понравившийся и жмем на него:

 

Нас перекидывает в настройки

Жмем сюда:

В появившемся справа окне жмем:

 

Копируем:

И вставляем в редактор дневника/профиля. На самый самый верх!

В том же окне копируем и вставляем куда нибудь в блокнот, чтобы не забыть это:

или прямо в код но в таком виде, для удобства:

/*font-family: 'Pacifico', cursive;*/

 

Отлично! Шрифт мы импортировали, но он пока что не применен ни к одному тексту в дневнике

Для этого нужно задать какой же из селекторов текста будет юзать этот шрифт

Например селектор a, который отвечает за ссылки

a {font-family: 'Pacifico', cursive !important;}

 

Полный код теперь выглядит так:

Сохраняем, обновляем

Перфекто! Теперь у вас на странице новый шрифт!

 

Шрифтов можно подключить сразу несколько (кириллические, латиницу). Просто на этапе добавления +, вернуться обратно к выбору шрифтов и добавить дополнительные. Остальные процедуры те же. Главное это записать их названия и не запутаться!

Теперь вы умеете подключать новые шрифты!

Спасибо пользователю ацуши который напомнил про гайд по шрифтам, там как раз обновился функционал, а старый гайд уже устарел

Категория: Информативное

276

0