Настройка темы Jannah

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

В этом уроке мы узнаем как настроить шрифты используемые на сайте WordPress в теме Jannah. Вам подвластны почти 1 000 вариантов шрифтов с предварительным просмотром в реальном времени, а ещё более 800 шрифтов от Google и +150 шрифтов FontFace включены в эту тему. Вы обязательно найдете тот, который будет соответствовать вашим потребностям.

Вы можете выбрать подходящий шрифт из четырех доступных коллекций: Standard FontsGoogle FontsFontFace Fonts и код embedded external font (встроенный внешний шрифт).

шрифты используемые на сайте
как настроить шрифты используемые на сайте

Семейство шрифтов для основного тела сайта


1. Body Font Family это семейство шрифтов по умолчанию для всех элементов на всем сайте, если вы не укажете другое семейство для определенного элемента. После выбора источника шрифта появится раскрывающийся список выбора семейства шрифтов. Этот список шрифтов на основе выбранного вами значения списка источника.

Семейство шрифтов для заголовков


2. Headings Font Family это семейство шрифтов важных заголовков, таких как: заголовки новостных блоков, постов в новостных блоках, заголовки в слайдерах, виджетов и т. д.

Семейство шрифтов для главного меню


3. Primary menu Font Family ‘то семейство шрифтов основного меню, родительских ссылок, подменю и элементов мега меню.

Семейство шрифтов для цитат


4. Blockquote Font Family — это семейство шрифтов блоков цитат в содержимом публикаций или любых других местах при использовании шорткодов.

Варианты источников


Для всех предыдущих типографских разделов вы можете определить источник шрифта:

источники шрифтов

  • Theme Defaults: используются шрифты по умолчанию в теме.
  • Standard Fonts: выбор одного шрифта из стандартных в системе.
  • Google Fonts: выбор одного из 800 возможных Google шрифтов.
  • FontFace.me Fonts: выбор одного из 150 возможных FontFace шрифтов.
  • Upload Custom Font: здесь вы можете загрузить файлы вашего собственного шрифта, поддерживаются различные форматы шрифтов: .EOT, .WOFF2, .WOFF, .TTF, .SVG.
  • Any external Fonts (e.g. Typekit): Код для встраивания шрифта выглядит вот так:
<link href="https://fonts.googleapis.com/css?family=Amiri" rel="stylesheet"><br><br>

Наборы символов Google Web Font


Character sets

Совет: выбор большого количества наборов символов может замедлить загрузку страниц.

Латинская кодировка установлена по умолчанию. Включите дополнительные наборы символов для шрифтов (убедитесь, что https://www.google.com/fonts/ кодировка доступна для выбранного шрифта).

Размер шрифта, вес и высота строки


размеры шрифтов

Вы можете управлять Font SizesWeights и Line Heights практически для всех элементов в теме:

    •  body
    • Header Site name
    • Secondary Menu
    • Secondary submenus
    • Main Navigation
    • Main Navigation submenus
    • Mobile MenuBreaking News Label
    • Breaking News post titles
    • Breadcrumbs
    • Buttons
    • Post Categories Label
    • Single Post Title
    • Post Titles in Homepage Blocks
    • Small Post Titles in Homepage Blocks
    • Single Post Page Content
    • Blockquotes
    • Sections Titles: Default & Centered Styles
    • Sections Titles: Big Style
    • Blocks Titles
    • Widgets Titles
    • Post title in widgets
    • Copyright Area
    • Footer Widgets Titles
    • Post Heading: H1
    • Post Heading: H2
    • Post Heading: H3
    • Post Heading: H4
    • Post Heading: H5
    • Post Heading: H6

Советы по весу шрифта:

  • — Если вы используете шрифт Google, убедитесь, что в поле «Варианты шрифтов Google» загружен вес шрифта, соответствующий указанному здесь в скобках ниже.
  • — Стандартные шрифты браузера обычно поддерживают только веса шрифтов «Normal (400)» и «Bold (700)».

Перевод темы WordPress на русский язык можно изучить здесь.

Общий рейтинг поста

Общий дизайн - 9
Качество контента - 9
Картинки - 8.9
Дружелюбность - 8.6

8.9

Итоговая оценка

Поставьте и Вы свою оценку ниже 🙂

Как создать мега меню в WordPress теме Jannah?
User Rating: 4.45 ( 1 votes)
Тэги
Показать больше

Похожие статьи

Добавить комментарий

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

Close
Close