Пропустить

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

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

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

Более Загрузка 901.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]

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

Создание набора на wordpress typekit

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

Создание набора на wordpress typekit

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

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

Шрифт chiosir uen на typekit

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

Набор шрифтов monarcha wordpress

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

Предварительный просмотр типографики typekit

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

Предварительный просмотр типографики typekit

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

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

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

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

Настройки набора плагинов Wordpress

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

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

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

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

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

Проверить содержимое кода wordpress

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

.

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

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

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

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

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