Font Awesome — это отличный способ придать дополнительный шик вашему сайту Squarespace. Всего несколькими щелчками мыши вы можете добавить на свои страницы пользовательские шрифты, значки и логотипы. Вот как это делается:
Сначала войдите в свою учетную запись Squarespace и перейдите на вкладку «Дизайн». Затем нажмите на опцию «Пользовательский CSS».
В редакторе Custom CSS вставьте следующий код:
@import url(«https://use.fontawesome.com/releases/v5.0.6/css/all.css»);
Этот код импортирует библиотеку Font Awesome на ваш сайт Squarespace.
ПРО СОВЕТ: Пожалуйста, помните, что использование Font Awesome в Squarespace может привести к тому, что ваш сайт будет выглядеть сломанным или непрофессиональным. Мы рекомендуем использовать это руководство только в том случае, если вы хорошо знаете HTML и CSS и уверены в своей способности устранить возможные неполадки.
Далее найдите элемент на странице, который вы хотите украсить значком Font Awesome. В данном примере мы будем использовать элемент заголовка.
В редакторе Custom CSS добавьте следующий код:
h1:before {
font-family: «Font Awesome 5 Free»;
content: «\f1e9»; /* это символ Unicode для иконки сердца */ /* обязательно измените его на нужный вам символ */}
h1 {font-size: 48px;} /* опционально — увеличить размер заголовка */.
Первая строка кода выше определяет, какое семейство шрифтов использовать для иконки — в данном случае «Font Awesome 5 Free». Вторая строка определяет символ Unicode для иконки сердца — вам нужно будет найти код символа для иконки, которую вы хотите использовать. Третья строка необязательна — она увеличивает размер элемента заголовка, чтобы значок был более заметен.
Наконец, сохраните изменения и просмотрите страницу, чтобы увидеть новый значок Font Awesome!