20 безопасных веб-шрифтов, которые повлияют на вашу аудиторию

4 ноября 2021 г.

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

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

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

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

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

Веб-безопасные CSS или HTML-шрифты необходимы для того, чтобы ваш веб-сайт выглядел так, как он был разработан, и несёт сообщение вашего бренда.

Что такое семейства шрифтов?

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

• Serif: шрифты из семейства serif элегантны и формальны. Они представляют собой маленькую черточку в конце большой строчки в букве или символе. Одним из примеров является Times New Roman.

• Без засечек: Семейные шрифты без засечек современные и минималистичные. У них нет маленькой линии, прикрепленной к каждой букве, и большинство из них имеют одинаковую ширину штриха. Одним из примеров является Helvetica.

• Моноширинный шрифт: шрифты из семейства моноширинных шрифтов совместимы. Письма. Каждая буква и символ шрифта заполняют одно и то же горизонтальное пространство. Курьер тому пример.

• Cursive: шрифты семейства cursive имитируют человеческий почерк, плавно соединяя буквы. Сценарий кисти является примером.

• Fantasy: шрифты семейства Fantasy обычно содержат декоративные элементы в каждой букве. Это может помочь укрепить идею содержания вымышленных историй. Одним из примеров являются «Звездные войны».

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

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

Arial (без засечек)

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

Ариал узкий

Arial Narrow — более совершенная версия, чем оригинальный Arial. Он предустановлен на многих компьютерах и подходит для любой веб-страницы, как и Arial.

Калибри

Calibri — это шрифт Microsoft Office по умолчанию. Многие пользователи используют Microsoft Windows, поэтому многие пользователи могут читать этот HTML-шрифт в своих браузерах.

Камбрия

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

Сценарий кисти

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

Медная тарелка

Copperplate изначально был разработан для заголовков или заголовков, поэтому он включает только заглавные буквы.

Тахома (без засечек)

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

Требюше MS (без засечек)

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

Люсида Брайт

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

Женева

Geneva — это шрифт без засечек, созданный Apple. Он предлагает современный, чистый вид для вашего сайта.

Грузия

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

раз

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

Times New Roman (с засечками)

На устройствах Windows Times New Roman, вероятно, является самым известным шрифтом с засечками.

Вердана

Verdana — отличный экранный шрифт. Его легко читать даже при отображении на экранах с низким разрешением или мелким шрифтом.

Дидо (с засечками)

Didot — элегантный шрифт с засечками. Он возник в старых французских типографиях.

Курьер (монопространство)

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

Новый Курьер

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

Гарамонд

Garamond предлагает вневременной шрифт. Благодаря отличной читабельности и классическому виду он является фаворитом многих полиграфистов. Он берет свое начало в Париже 16-го века и может добавить исторический вид блогу или веб-сайту.

Гельветика

Helvetica нейтральна и подходит для любого бизнеса. Это безопасный выбор, независимо от вашего бренда и цели.

Оптима

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

Монако (монопространство)

Monaco — это моноширинный шрифт без засечек. Он был создан для macOS и поэтому более знаком пользователям Apple.

Американская пишущая машинка (с засечками)

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

Перпетуя

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

Консоль Люцида

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

Влияние

Impact — популярный шрифт для смелых заголовков.