Как интегрировать шрифты Adobe Typekit в ваш квадрат Веб-сайт - манекены

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

Просто войдите в свой сайт Squarespace, откройте редактор стилей и щелкните любой элемент типографии в списке редактора стилей. В списке шрифтов шрифты делятся на три группы: w eb - safe f onts , небольшой список шрифтов, обычно встречающихся на всех компьютеры; f onts от Typekit , достойный выбор размера профессиональных шрифтов от Typekit; и Google f onts - большой выбор шрифтов из Google Webfonts.

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

Вот как получить шрифты Typekit:

1Создайте для учетной записи Typekit.

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

Typekit предлагает бесплатную пробную учетную запись, срок действия которой не истекает.

2Выберите шрифты в библиотеке Typekit.

Когда вы найдете нужный шрифт, нажмите кнопку «Создать комплект».

3Создайте свой комплект.

В появившемся окне дайте вашему Kit имя и перечислите все домены, используемые для доступа к вашему сайту. Обязательно укажите URL-адрес вашей учетной записи Squarespace ( youraccount . Squarespace. Com) и пользовательский домен (www. yourdomain . Com), если вы добавили его на свой сайт.

4Щелкните кнопку «Продолжить».

Появится экран установки JavaScript. Вы можете игнорировать код JavaScript, потому что вам не нужно будет использовать код на вашем сайте. Squarespace имеет более интегрированное решение для подключения к Kit в вашей учетной записи Typekit.

5Щелкните кнопку «Продолжить».

Появится экран «Редактор типа» со шрифтом, выбранным на шаге 2.

6Щелкните кнопку «Опубликовать».

Это экономит ваш комплект.

7Введите идентификатор вашего набора.

Нажмите ссылку «Вставить код» в верхнем правом углу экрана редактора. Появится диалоговое окно с отображением кода JavaScript. Игнорируйте код JavaScript, но скопируйте идентификатор набора Typekit, который отображается в правом нижнем углу.

8Добавьте идентификатор набора на свой сайт Squarespace.

Войдите на свой сайт и добавьте идентификатор в Диспетчер сайтов → Настройки → Общие → Установка идентификатора набора Typekit.

9 Сохраните ваши изменения.

Любые шрифты, которые вы добавляете в свой Kit в Typekit, заменяют список шрифтов Typekit по умолчанию и будут отображаться во всех списках шрифтов в редакторе стилей.