Как добавить пользовательские шрифты на WordPress

Хотите добавить пользовательские шрифты в WordPress?

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

В этом уроке я покажу вам, как добавить пользовательские шрифты в ваш блог WordPress, используя Google шрифты, Typekit и CSS3.

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

И если ваш блог медленный, я предлагаю вам Некоторые решения проблем производительности на WordPress

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

Но прежде всего важно знать, как искать шрифты, используя также справочник. 7 WordPress плагины, чтобы взять под контроль типографику вашего блога

Как найти шрифты и как использовать WordPress

Шрифты уже не такие расширяемые, как раньше. Однако существует несколько источников, где можно найти такие шрифты, как " Google шрифты "," Typekit "," FontSquirrel "И" Fonts.com .

Как добавить Google Fonts шрифт WordPress

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

Учебник по типографии Google Fonts по wordpress

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

Затем вам нужно прокрутить страницу вниз до раздела " встраивать ». Затем вам нужно будет скопировать код, расположенный в разделе " STANDARD Это код, который вы можете добавить в заголовок Из твоей детской темы.

Вот и все, что нужно сделать, чтобы добавить новый шрифт Google Fonts в свой блог WordPress.

Как добавить шрифт с помощью TypeKit

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

Всё, что вам нужно, это аккаунт Typekit и создание нового " комплект .

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

Чтобы добавить его на свою панель управления, вам просто нужно установить и активировать " TypeKit Шрифты для WordPress .

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

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

Как добавить шрифт с помощью CSS3 (@ шрифт лицу)

Самый простой способ интегрировать шрифт в ваш блог — добавить его с помощью `font-faces` через CSS3. Этот метод позволяет добавить в ваш блог любой шрифт по вашему выбору.

Первым делом нужно скачать выбранный шрифт в веб-формате. Если у вас нет шрифта в веб-формате, вы можете бесплатно конвертировать его на сайте " WebFont Генератор FontSquirrel .

Как только у вас есть файлы в формате " Web Затем вам потребуется отправить их напрямую на ваш сервер. Я настоятельно рекомендую добавить это в " шрифты Вашей дочерней темы с использованием FTP-клиента (FileZilla моя рекомендация).

Если вы хотите пойти дальше в этой процедуре, см. Наш учебник на Как пользоваться FTP на Windows, 10

Давайте вернемся к нашей цели.

После этого вы можете интегрировать шрифт следующим образом:

Чтобы использовать его где угодно, вам просто нужно указать имя шрифта так, как вы указали его в " снизу лицо »Предыдущий (см. значение атрибута font-family ).

Это всё, что нужно знать об использовании кода CSS3. Однако следует отметить, что метод с использованием функции "font-face" больше подходит для разработчиков.

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

Откройте для себя также несколько премиальных плагинов WordPress

Вы можете использовать другие плагины WordPress, чтобы придать современный вид и оптимизировать управление вашим блогом или веб-сайтом.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. CommentPress

CommentPress - это мощный компактный плагин для WordPress, который позволяет быстро и легко вставлять, редактировать и удалять комментарии. CommentPress использует Ajax, jQuery и PHP, чтобы дать посетителям возможность вставлять комментарии без перезагрузки страницы.

КомментарийПресс Ajax комментарии Вставка редактирования и удаление комментариев

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

Его основными функциями являются: простая вставка комментариев, возможность для пользователей отвечать на определенные комментарии, разбивка комментариев на страницы, полное управление администрированием раздела комментариев, кнопки для легкой вставки изображений, видео и ссылки, полностью адаптивный макет, капча для обеспечения формы и избежать спама и многое другое.

скачать | Демонстрация | веб-хостинг

2. Эверест Галерея

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

Everest Gallery Адаптивный плагин WordPress Gallery Wordpress

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

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

скачать | Демонстрация | веб-хостинг

3. WP Media Manager

WP Media Manager — один из лучших и самых мощных плагинов для управления медиатекой WordPress. Он отлично справляется с управлением папками, а простота использования позволяет упорядочить тысячи медиафайлов.

WP Media Manager Самый простой плагин для WordPress Media Manager

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

Этот плагин для WordPress обладает такими функциями, как создание папок, фильтрация папок, 3 красивые адаптивные галереи, возможность дублирования файлов, создание неограниченной иерархии и многое другое…

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

Расширьте возможности использования пользовательских шрифтов в WordPress, ознакомившись также со ссылками или рекомендованными ресурсами ниже.

Заключение

Вот и всё! На этом завершается данный урок о лучшем способе добавления пользовательских шрифтов в WordPress. Любые предложения или комментарии приветствуются.

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

N'не стесняйтесь поделиться им на разных социальные сети, Если у вас есть Комментарии или предложения, не стесняйтесь сообщить нам в разделе, зарезервированном для них.

...