8 веб-безопасных шрифтов для использования в дизайне в 2022 году

Опубликовано: 2022-05-04

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

Возможно, вам будет интересно узнать, что в первые годы существования Всемирной паутины не существовало стандартного шрифта, но да, вы найдете определенные шрифты на каждом компьютере — Times New Roman, Arial и Helvetica — вот несколько примеров.

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

Итак, зачем нам нужно разнообразие веб-безопасных шрифтов?

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

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

Итак, прежде чем мы перейдем к списку веб-безопасных шрифтов,

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

1. Несколько вариантов для браузера

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

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

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

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

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

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

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

WordPress Google Шрифты Pro
WordPress Google Шрифты Pro

Этот WordPress Google Fonts Pro позволяет вам полностью контролировать типографику темы, и это работает с любой темой WP. Easy Post Google Fonts позволяет использовать несколько шрифтов в одном посте/странице! Вы можете указать КАЖДЫЙ элемент страницы и указать, какой шрифт Google использовать!

Взгляните на список лучших веб-безопасных шрифтов :

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

1. Баскервиль

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

2. Курьер

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

3. Дидо

Didot восходит к 1700-м годам, и это многое говорит об этом вневременном шрифте с засечками. Все еще не можете опознать Дидо? Помните те обложки журнала Vogue? Didot — это эффектный и изогнутый шрифт, который вы можете использовать в дизайне веб-сайтов.

4. Гарамонд

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

5. Таймс Нью Роман

Благодаря прямому и формальному стилю Times New Roman был принят всеми без исключения во всем мире, особенно если это академический текст или содержание юридической фирмы. То, что это основной шрифт Windows, многое говорит о его популярности. Обычно вы найдете его в печатных газетах.

6. Грузия

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

7. Камбрия

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

8. Ариал

И последнее, но не менее важное: Arial! Не будет преувеличением сказать, что это самый используемый шрифт в мире. Веб-безопасные шрифты семейства Arial — ваш надежный выбор, потому что вы найдете их доступными для всех ОС.

Вывод:

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

Другие статьи по теме:

Плагин Google Fonts Pro для WordPress
Как добавить шрифты на ваш сайт WordPress?
7 лучших инструментов и плагинов контент-маркетинга для WordPress