Пропустить

Как добавить впечатляющий типографии с 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 шрифты.

Как начать с Typekit

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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