Все, что вам нужно знать о шрифтах WordPress | ВесьТоп создание и продвижение сайтов

Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Все, что вам нужно знать о шрифтах WordPress

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

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

1. Что такое типография?

Типографика — это наука, стоящая за созданием шрифтов. Очень часто причиной того, что веб-сайты не выглядят профессионально, является плохой выбор шрифтов. Пользователи привыкли использовать несколько штук, но для того, чтобы их сочетание было успешным, требуется дизайнерское чутье.

Советуем использовать известные шрифты и не комбинировать более 2-х, максимум трех разных и не похожих друг на друга. Цель состоит в том, чтобы получить красивый контраст. Буквы с засечками легче всего воспринимаются и выглядят очень стильно благодаря закругленным краям. Размер букв, на которые вы хотите сделать ставку, составляет 12-14 пикселей. Достаточно большой, легко читаемый и в то же время деликатный для человеческого глаза.

2. Типы шрифтов

  • Шрифты Web Safe — шрифты, установленные на вашем компьютере или в операционной системе. Примеры — хорошо известные Times New Roman, Arial, Calibri и другие. Очень часто некоторые из них представляют собой комбинацию шрифтов. Если ваша операционная система не распознает один шрифт, предполагается, что она распознает другой шрифт в сочетании с ним.

  • Веб-шрифты — вместо того, чтобы копировать дополнительные файлы на свой сайт, вы подключаетесь к веб-сайту поставщика шрифтов, и они загружаются оттуда, то есть загружаются на ваш сайт. Это автоматически означает, что у вас будет доступ к последним версиям шрифтов, и обновления не будут занимать место на вашем сервере. Примерами являются шрифты Google Open Sans и Roboto.

  • Локально размещенные шрифты — они удобны, потому что у вас есть контроль над шрифтами, и вы не будете зависеть от третьих лиц и их удобства обслуживания, которые они предлагают. Они загружаются прямо на ваш сайт и быстрее. У вас также есть полный контроль над кешированием шрифтов в случае возникновения проблемы.

3. Самые используемые шрифты на 2020 год.

Шрифт скрипта

Чрезвычайно художественный вариант. Это интересно, потому что буквы изогнутые и выглядят как почерк. Они делятся на формальные и повседневные. Официальные — мастерский почерк XVII или XVIII века. Обычный шрифт очень легко различить и на одну идею более читабельный. Это причина, по которой он предпочтительнее между ними.

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

Все, что вам нужно знать о шрифтах WordPress

Узнать больше: Психология цветов и как они влияют на мышление потребителей?

Шрифт дисплея

Подходит для людей более эксцентричных. Шрифт мгновенно привлекает наше внимание. Они считаются древними и связаны с 19 веком. Мы советуем вам использовать их, когда вы хотите выделить громкий заголовок или новости в качестве акцента, потому что в целом тексте с абзацами он не будет хорошо выделяться и вы можете добиться эффекта плохой читаемости. Примером этого интересного шрифта является любимец маленького и большого Диснея. Ты тоже его любишь, не так ли? Мы также.

Все, что вам нужно знать о шрифтах WordPress

Шрифт с засечками

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

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

Причина в том, что они чрезвычайно эфирны и легко воспринимаются человеческим глазом. Мы к ним привыкли, они несут в себе ассоциацию знакомого шрифта, который можно прочитать на одном дыхании. Самый узнаваемый шрифт для вас, вероятно, Times New Roman. Примером бренда, который выбрал шрифт с засечками, является Volvo. Мы уверены, что вы встречались с ним раньше.

Все, что вам нужно знать о шрифтах WordPress

Без шерифа

Это один из самых узнаваемых шрифтов в Интернете. Он чистый и очень современный. Отличный вариант для написания длинных текстов, в отличие от некоторых шрифтов, которые в основном рекомендуется использовать в акцентах в заголовке из-за плохой читаемости. Sans Serif — один из лучших вариантов для сайтов WordPress. Узнаваемым брендом, который доверяет влиянию San Serif на потребителей, является Calvin Klein, и он выглядит так:

Все, что вам нужно знать о шрифтах WordPress

Современный

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

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

Все, что вам нужно знать о шрифтах WordPress

4. Как установить новые шрифты Google на свой сайт WordPress?

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

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

Когда вы уверены, что вам понравился правильный шрифт для вашего сайта, пора переходить к реальной части. Начнем с первого варианта:

Добавление шрифтов через плагины:

Войдите в систему администрирования вашего сайта WordPress, затем нажмите кнопку «Плагины», а затем кнопку «Добавить».

Все, что вам нужно знать о шрифтах WordPress

Вы увидите окно поиска в правом верхнем углу, где вам нужно ввести «простые шрифты Google» и установить поиск. Плагин появится в первой позиции и для его установки нажмите кнопку «Установить сейчас». Тогда вместо этой кнопки вы увидите кнопку «Активировать», которую вы также должны нажать.

Все, что вам нужно знать о шрифтах WordPress

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

Учить больше: "Лучший плагин WordPress в 2020 году"

На экране появятся типичные элементы настройки шрифта — абзацы, заголовок 1, заголовок 2 и т. Д. Абзац — это основная часть или около того. Тело вашего текста. Желательно, чтобы заголовки (включая подзаголовки) были написаны 2 разными шрифтами. Не смешивайте более 2 штук.

Все, что вам нужно знать о шрифтах WordPress

В нашем случае мы сделаем ставку на шрифт «Lora» и сохраним размер букв в исходной версии. Взгляните на другие варианты. Вы также можете изменить «шрифт заголовка» таким же образом.

Все, что вам нужно знать о шрифтах WordPress

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

Добавьте шрифты вручную:

Шаг 1:

Зайдите на fonts.google.com. Вы можете выбрать поиск по категории, по языку или по свойствам шрифта. Если вам понравился конкретный шрифт, вы можете найти его в правом верхнем углу с помощью кнопки «поиск».

Все, что вам нужно знать о шрифтах WordPress

В нашем случае мы выбрали конкретный шрифт с названием «Lora». После ввода имени в поле поиска отображается только определенный шрифт. Нажмите на название, в данном случае «Lora», а затем дайте кнопку «Выбрать этот шрифт».

Все, что вам нужно знать о шрифтах WordPress

В левой части экрана появятся дополнительные шрифты, которые подходят в сочетании с вашим первым выбором. В нашем случае это Open Sans. Если вы хотите добавить их обоих. необходимо нажать на первую кнопку в виде плюса +.

Все, что вам нужно знать о шрифтах WordPress

Затем в правом нижнем углу вы увидите небольшое поле с надписью: «Выбрано 2 семьи». Щелкните по нему, и откроется дополнительное поле. Скопируйте текст из поля «Стандарт».

Все, что вам нужно знать о шрифтах WordPress

Скопировав поле, перейдите в панель управления вашего сайта WordPress. Перейдите в раздел «Плагины», а затем «Добавить новый». Чтобы упростить загрузку в поисковую систему, введите «Вставить верхние и нижние колонтитулы» в WordPressBeginners и установите, это займет несколько секунд.

Все, что вам нужно знать о шрифтах WordPress

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

Напоминаем, что для этого нужно перейти на сайт fonts.google.com и выбрать конкретный шрифт в поле «поиск». Нажмите кнопку «+» на определенном шрифте, затем «Выбрать этот шрифт». Вы увидите дополнительные шрифты, которые хорошо сочетаются с выбранным вами, и снова нажмите кнопку +. Внизу справа вы увидите поле «2 Families Selecte». Там вы также найдете ссылку, о которой мы говорили некоторое время назад. Поместите его в следующее поле и нажмите кнопку «Сохранить»:

Все, что вам нужно знать о шрифтах WordPress

Все, что вам нужно сделать, это перейти в раздел «Внешний вид», затем нажать «Настроить», затем «Дополнительные настройки CSS» и поместить ту же ссылку в поле.

Все, что вам нужно знать о шрифтах WordPress

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

Интересно: Почему важно регулярно обновлять ядро ​​WordPress, тему и расширения нашего сайта?

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

Читайте так же:
Not found

Нам доверяют

Интернет магазин