Пропустить

Как добавить впечатляющий типографии с Typekit

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

Зачем использовать TypeKit шрифты?

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

Библиотека Typekit - это впечатляющая коллекция из более чем шрифтов 1000. Некоторые из самых красивых шрифтов, которые вы можете найти в Интернете, доступны в Typekit, сервисе Adobe.

Их бесплатный базовый план поставляется с доступом к шрифтам 230 +, и вы можете использовать семейства шрифтов 2 на бесплатном веб-сайте. Другие планы начинаются с 49,99 $ до 99,99 $ в год.

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

Зачем использовать пользовательские шрифты на WordPress?

Типография играет решающую роль в разработке вашего сайта.

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

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

Хорошие пользовательские веб-шрифты могут:

  • Увеличение коэффициента конверсии
  • Снизить показатель отказов вашего сайта
  • Увеличьте время, проведенное на вашем сайте
  • Создайте незабываемый опыт для пользователей

Вы знаете, как использовать шрифты TypeKit? Как использовать TypeKit настроить WordPress шрифты.

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Как начать с Typekit

Во-первых, вам нужно создать учетную запись Typekit. Для этого просто перейдите на «Typekit.com» и сравните доступные планы.

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

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

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

Пока вы можете начать выбирать шрифты. Вы можете просматривать библиотеку шрифтов и фильтровать их по таким параметрам, как ранг, вес, ширина, высота и т. Д.

Когда вы видите нужный шрифт, вы можете нажать на него для более подробной информации и примеров. Если вы хотите добавить его в свой веб-набор, нажмите кнопку «Использование в Интернете: добавить в набор» с правой стороны.

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Теперь вы можете нажать на кнопку " публиковать Чтобы сохранить изменения в вашем наборе.

Вот и все! Ваш набор шрифтов теперь доступен для использования в вашем блоге WordPress.

Как добавить шрифты в WordPress Typekit

Лучший способ добавить ваши новые пользовательские веб-шрифты в ваш блог WordPress - использовать плагин. Wordpress Typekit, Узнайте, как установить плагин WordPress.

Мы рекомендуем использовать шрифты Typekit для плагина WordPress. После установки и активации плагина вы можете получить доступ к Настройки> Шрифты Typekit Для настройки плагина.

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

На скриншоте выше мы добавили шрифт в селектор CSS h1.site титульный .

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

Ваша тема WordPress может использовать разные классы для разных элементов. Вам нужно будет использовать инструмент Inspect Item в вашем веб-браузере, чтобы найти эти CSS-классы.

Это все для этого урока, я надеюсь, что оно позволит вам добавить шрифты TypeKit в ваш блог WordPress.

.

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
13 акции
доля10
чирикать
Регистрация3