Как добавить шрифты в Squarespace и изменить шрифты

В этом посте объясняется, как добавить шрифты в Squarespace и изменить шрифты на вашем веб-сайте Squarespace. Squarespace предлагает обширную коллекцию шрифтов, в том числе около 600 шрифтов Google и 1000 шрифтов Adobe. Но если ваши существующие фирменные шрифты или другие шрифты, которые вы предпочитаете, недоступны в редакторе стилей Squarespace, вы можете установить собственный шрифт.

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

Как добавить шрифты в Squarespace и изменить шрифты

Внедрение пользовательских шрифтов означает, что вы можете загружать свои собственные файлы шрифтов и применять их к определенным заголовкам или основному тексту на вашем веб-сайте Squarespace. Вы также можете дополнительно стилизовать свои собственные шрифты с помощью кода CSS и вывести свой веб-сайт на новый уровень.

Чтобы добавить шрифты в Squarespace и изменить шрифты, выполните следующие действия:

1. Загрузите свой собственный шрифт
2. Добавьте шрифт в код CSS
3. Применение шрифта к определенным заголовкам и основному тексту

Давайте посмотрим на это подробно.

1) Загрузите свой собственный шрифт

Прежде всего, подготовьте файл пользовательского шрифта. Вы можете загрузить нужный шрифт с веб-сайта загрузки шрифтов или использовать онлайн-инструмент для создания собственных шрифтов истинного типа.

Когда у вас будет готовый файл шрифта в формате .ttf, .otf или .woff, войдите в свою учетную запись Squarespace и выберите параметр «Дизайн» на панели инструментов вашего веб-сайта. Затем выберите Пользовательский CSS.

Прокрутите вниз до нижней части панели «Пользовательский CSS» и нажмите кнопку с надписью «Управление пользовательскими файлами». Затем нажмите «Добавить изображения или шрифты». Найдите и выберите файл шрифта в вашей системе и разрешите Squarespace загрузить шрифт.

2) Добавьте шрифт в код CSS

Чтобы добавить шрифт на свой сайт, вам нужно добавить его в код CSS.

Введите следующий код в редакторе кода панели Custom CSS:

@font-face { семейство шрифтов: ‘Имя_шрифта’; источник: URL();}

Здесь замените FontName именем вашего пользовательского шрифта.

Затем поместите курсор между круглыми скобками () и щелкните ссылку на шрифт во всплывающем окне «Управление пользовательскими файлами». URL-адрес шрифта будет автоматически добавлен в скобках.

3) Применить шрифт к определенным заголовкам и основному тексту

В зависимости от версии Squarespace, которую вы используете, вы можете выбрать, к каким заголовкам или абзацам вы хотите применить свой собственный шрифт. Squarespace 7.0 поддерживает четыре различных стиля заголовков/абзацев (h1, h2, h3, p), а Squarespace 7.1 поддерживает семь различных стилей заголовков/абзацев (h1, h2, h3, h4, .sqsrte-large (p1), p (p2), .sqsrte-маленький (p3)).

Когда вы решите, где применить свой собственный шрифт, используйте (введите) соответствующие части из следующего фрагмента кода в редакторе кода CSS:

h1 { семейство шрифтов: ‘Имя шрифта’; } h2 { семейство шрифтов: ‘ИмяШрифта’; } h3 { семейство шрифтов: ‘Имя шрифта’; } h4 { семейство шрифтов: ‘Имя шрифта’; } .sqsrte-large { семейство шрифтов: ‘Имя_шрифта’; } p { семейство шрифтов: ‘ИмяШрифта’; } .sqsrte-small { семейство шрифтов: ‘Имя_шрифта’; }

Замените FontName именем вашего пользовательского шрифта и нажмите кнопку «Сохранить», чтобы применить изменения к вашему веб-сайту Squarespace.

Вот и все! Я надеюсь, что вы найдете это полезным.

Читайте также: Лучшие конструкторы веб-сайтов, упрощающие разработку веб-сайтов.

Является ли Squarespace полностью настраиваемым?

Да, Squarespace полностью настраиваемый. Хотя большинство проблем с дизайном можно решить с помощью встроенных параметров стиля, вы можете использовать код CSS для дальнейшей настройки своего веб-сайта Squarespace так, как вы хотите. Если у вас нет достаточных знаний в области кодирования, вы можете посетить форум Squarespace, присоединиться к Squarespace Circle или нанять эксперта Squarespace.

Могу ли я использовать свой собственный шрифт в Squarespace?

Вы можете использовать пользовательские шрифты, в том числе созданные вами самостоятельно, в Squarespace. Возможность загрузки пользовательских шрифтов доступна на панели управления вашей учетной записи Squarespace. После загрузки шрифта вы можете добавить его на свой веб-сайт с помощью кода CSS. После добавления шрифт можно применить к выбранным заголовкам или абзацам.