50+ современных шрифтов для использования на вашем сайте WordPress в 2022 году

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

Однако в вашей теме WordPress может не быть набора HTML-шрифтов, который вам нужен. Или вы можете быть недовольны теми, которые были выбраны для вас.

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

Что на самом деле делает шрифт современным?

Современные шрифты совсем не новы. Первоначально стиль был разработан в 18 веке. Несмотря на это, их дизайн остается актуальным и в современном мире. На самом деле, вы видите их буквально повсюду.

Итак, как же выглядят современные шрифты?

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

Вот пример сайта-портфолио с использованием современного шрифта.

Заметили, насколько он сжат и узок?

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

Как загрузить загруженные шрифты в WordPress

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

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

Но это не большая проблема. Просто используйте бесплатный инструмент Webfont Generator, чтобы преобразовать любой пользовательский шрифт, который вы нашли в Интернете, в формат, читаемый и используемый всеми веб-браузерами.

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

• Проверить производительность . Используя GTmetrix, отслеживайте количество HTTP-запросов. Если их много, это может означать, что на вашем сайте используется гораздо больше шрифтов, чем вы могли себе представить. Я говорю о шрифтах, автоматически устанавливаемых здесь вместе с плагинами и темами (а не о тех, которые вы добавили вручную).
• Проверьте свою аналитику. Здесь вы можете увидеть, какие форматы контейнеров шрифтов чаще всего используются на вашем сайте. Наиболее распространенными вариантами являются EOT, TTF, WOFF и WOFF2. При рассмотрении того, какие из них следует поддерживать, это может помочь вам определить, каким из них отдать приоритет.
• Убедитесь, что шрифты кешируются локально. Не похоже, чтобы вы обновляли шрифты через день. Это означает, что шрифты можно безопасно кэшировать в браузерах постоянных посетителей. Это ограничит количество HTTP-запросов с течением времени.

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

1. Загрузите выбранный вами современный шрифт (много примеров ниже).
2. Сохраните резервную копию своего веб-сайта (включая весь контент и базу данных) и/или используйте дочернюю тему для следующих изменений.
3. Загрузите файлы шрифтов в формате .zip в папку wp-content/themes/your-theme-name/fonts. Если папки «шрифты» нет, создайте ее и загрузите туда файл шрифта .zip. Для этого используйте любой FTP-клиент по вашему выбору.
4. На панели управления WordPress перейдите в раздел « Внешний вид» > «Редактор тем» и откройте файл style.css. Вам потребуется добавить в этот файл собственный фрагмент кода. Добавьте соответствующее семейство шрифтов и URL-адрес во фрагмент кода, затем нажмите « Обновить файл» .

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

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

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

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

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

56 самых современных шрифтов для использования в 2022 году

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

1. Введение

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

2. Комода

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

3. В восторге

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

4. Классная Мариса

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

5. Кантер

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

6. Лаки

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

7. Зафир

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

8. Бухты

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

9. Азоникс

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

10. Архип

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

11. Прайм

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

12. Глобер

Glober — еще один современный шрифт, на который стоит обратить внимание. Это семейство шрифтов включает 18 начертаний с четным разделением на 9 прямых и 9 курсивных начертаний. Это шрифт без засечек, который легко читать и легко применять в различных ситуациях, включая заголовки и основной текст.

13. СДЕЛАНО Нежным

MADE Gentle — еще один современный шрифт, достойный внимания. Он считается мягким шрифтом с засечками и был вдохновлен шрифтом Cooper Black. Этот смелый, но округлый и напоминает обложки старых книг и вывески 1970-х годов.

14. Северный

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

15. Маддак

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

16. Крокодил

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

17. Аква

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

18. Манифест

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

19. Оркни

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

20. Элппа

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

21. Кукуруза

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

22. Колико

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

23. Причуда

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

24. Ле Френч

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

Подпишитесь на рассылку новостей

Хотите знать, как мы увеличили наш трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других пользователей, которые получают нашу еженедельную рассылку с советами по WordPress, посвященными инсайдерской информации!

Подпишись сейчас

25. Мюнхен

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

26. Северо-запад

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

27. Модека

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

28. Отказ от ответственности

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

29. 5-я авеню

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

30. Квакиз

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

31. Современный открытый

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

32. Гипербола

Гипербола округлая и футуристическая. На самом деле, он выглядит космическим — в хорошем смысле. Этот шрифт имеет закругленные счетчики, сохраняя при этом общую квадратную форму.

33. Бокс

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

34. Зондер

Sonder — еще один многогранный шрифт. Он поставляется с опцией шрифта slab и sans serif. Он поставляется с несколькими весами, а также с обычным и грубым стилем. В грубом стиле есть пробелы в буквах, что создает деревенский и естественный вид.

35. Ломбок

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

36. Дистрито

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

37. Элероны

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

38. Этна

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

39. Ноэль

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

40. Продолжение

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

41. Высшее

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

42. Нано

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

43. Джоллин

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

44. Феномены

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

45. Калибр

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

46. ​​Воскресенье

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

47. Краеугольный камень

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

48. Один день

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

49. Коллектив

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

50. Ностальгия

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

51. Эликсия

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

52. Лосось

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

53. Тиноо

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

54. Летняя любовь

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

55. Сильверфейк

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

56. Вена

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

Резюме

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

Тем не менее, поначалу этот процесс может показаться сложным. Вам нужно найти шрифт, загрузить его, поместить в ZIP-файл, а затем загрузить в нужный каталог на вашем веб-сайте с помощью FTP-клиента. Вам нужно будет вставить фрагменты кода в соответствующие области файла CSS вашей темы. Вы можете сделать это вручную или с помощью плагина (или вы можете нанять разработчика).

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

(Рекомендуемое чтение: Как скрыть заголовки страниц и сообщений в WordPress)