Как выбрать лучшие шрифты для вашего сайта WordPress?

Опубликовано: 2020-03-01

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

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

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

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

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

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

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

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

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

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

Начнем с нуля

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

Как выбрать шрифт с засечками или без засечек для сайта WordPress

Что выбрать - с засечками или без засечек?

Это два основных типа шрифтов. Да, существуют сотни шрифтов, но обычно они делятся на две основные категории - Serif и Sans Serif.

Шрифты с засечками имеют декоративную обводку в конце вертикальных и горизонтальных штрихов букв. Шрифты, подпадающие под эту категорию, являются наиболее традиционными альтернативами и также считаются одними из самых надежных стилей шрифтов. Некоторые из популярных шрифтов с засечками включают Times New Roman, Georgia и Baskerville. Вы не ошибетесь, выбрав такие шрифты WordPress, как The Times New Roman, так как они очень удобочитаемы и используются уже давно.

С другой стороны, шрифты без засечек имеют более современный и чистый дизайн без каких-либо декоративных или резких штрихов на буквах. Helvetica, Futura и Arial - несколько примеров наиболее часто используемых шрифтов без засечек.

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

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

Следите за кернингом, ведением и отслеживанием

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

Не игнорируйте важность контраста

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

Выравнивание текста обеспечивает плавность чтения

Выровняйте тексты, чтобы было удобнее читать

У вас есть возможность выровнять текст по левому, правому или по центру. Вы также можете оставить свои тексты рваными справа или по ширине.

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

Длина строки - пространство между левой и правой стороной текстового блока - еще одна область, требующая вашего внимания. Вы можете измерить длину строки по среднему количеству символов в строке. По мнению экспертов, оптимальная длина строки составляет от 45 до 80 символов, включая пробелы.

Ваш шрифт должен отражать цель вашего веб-сайта

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

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

Поговорим о согласованности

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

Комбинация шрифтов очень важна для веб-сайта WordPress

А как насчет комбинаций шрифтов

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

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

Последние слова

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