Простые и универсальные шрифты для любого digital-проекта
Skip to content
В этой статье я приведу 7 универсальных шрифтов, которые подойдут для любого проекта и станут частью хорошего и минималистичного дизайна.
- Дата публикации: Фев 23, 2022
На правах рекламы
Многие дизайнеры тратят большое количество времени на подбор подходящего шрифта.
В этой статье я приведу 7 универсальных шрифтов, которые подойдут для любого проекта и станут частью хорошего и минималистичного дизайна.
Мы будем рассматривать только гротескные шрифты, так как они достаточно просты, а поэтому универсальны.
Добавьте эту статью себе в закладки в браузере, и в любой непонятной ситуации выбирайте один из этих шрифтов. Не прогадаете!
— Inter
Очень известный международный шрифт. Поддерживает более 100 языков и имеет все шансы, чтобы стать одним из основных шрифтов в мире.
Подойдет как для заголовков, так и для основного текста. Благодаря высокой читабельности, его можно использовать в лонгридах и новостных платформах.
“Inter” с виду очень прост, поэтому часто дизайнеры недооценивают его и выбирают более интересные варианты. Но “Inter” — это основа основ.
Ссылка на Inter в Google Fonts
— IBM Plex Sans
Универсальный, читабельный и эстетичный шрифт, который подойдет для большинства творческих задумок дизайнера.
Несмотря на свою универсальность, IBM Plex имеет свой характер, и это отчетливо видно в больших заголовках в начертании Bold.
У IBM Plex линейка из 3 типов — Sans, Serif и Mono, что делает его еще более интересным и многогранным.
Ссылка на IBM Plex Sans в Google Fonts
— PT Sans + Serif
Консервативная линейка шрифтов от компании ParaType.
Сбитый, компактный и достаточно консервативный шрифт, который скорее всего не подойдет проектам в тематике высоких технологий или чего-то связанного с IT и digital.
Тем не менее его вполне уместно использовать почти везде, где хочется подчеркнуть аккуратность дизайна и традиционность печатных изданий.
Ссылка на PT Sans в Google Fonts
— Rubik
Отличный слегка закругленный гротеск. Лучше всего выглядит в заголовках, но и в наборном тексте тоже отлично себя чувствует.
Подходит для большинства digital-проектов, и является одним из беспроигрышных вариантов.
Ссылка на Rubik в Google Fonts
— Fira Sans
Очень простой, но в то же время невероятно красивый и утонченный шрифт. Особенное внимание заслуживают крупные заголовки в начертании Bold.
Удобен в чтении больших текстов и подходит для любого проекта, как в digital, так и городской среде.
Ссылка на Fira Sans в Google Fonts
— Lora
Популярный шрифт Lora — это единственный шрифт с засечками, который есть в этой статье. Я просто не мог не сказать про него, ведь он завоевал сердца женской половины дизайнеров и маркетологов всего мира.
Благодаря своей мягкости, нежности и эстетичности, его стоит использовать в контексте романтики, чувств и ощущений.
Любое письмо, написанное клиенту с использованием этого шрифта будет восприниматься, как намек на романтические отношения. (шутка)
Ссылка на Lora в Google Fonts
— Tilda Sans
Фирменный шрифт от Tilda Publishing на более, чем 140 языках.
Как сказал основатель Tilda Publishing Никита Обухов, это выразительный шрифт с нейтральным характером, который подойдёт для сайта любой тематики — от интернет-магазина растений до персонального портфолио дизайнера.
Уникальный, дружелюбный, а также просто очень красивый и бесплатный шрифт.
Вот ссылка на лонгрид от Tilda Publishing, где можно почитать про этот шрифт и скачать его бесплатно
Хотел бы обратить внимание, что в этой статье мы «не открыли Америку». Я привел очень простые и популярные шрифты, которые беспроигрышно подойдут практически любому проекту. Поэтому даже если вы не дизайнер, выбрав один из этих шрифтов, вы точно не ошибетесь.
Поделиться статьей в соц. сетях
Share on telegram
Share on twitter
Share on facebook
Share on whatsapp
Теги статьи
Другие статьи по теме
IT — новости
В американской школе полтора года не выключается свет – зависла система умног…Свет знаний никогда не гаснет – это утверждение в буквальном смысле применимо…
Янв 23, 2023 < 1 мин.
IT — новости
Криптокредитор Genesis банкротится, а его бывшие сотрудники организуют новый …Криптокредитор Genesis Global Capital, входящий в состав Digital Currency Gro…
Янв 23, 2023 < 1 мин.
IT — новости
Эксперты определили лучшие антивирусы на начало 2023 года для WindowsГруппа независимых экспертов из США составила список лучших антивирусных прог. ..
Янв 23, 2023 < 1 мин.
Аналитика
Вступление в венчурную индустрию 2023В первом блоге наступившего года расскажем об инвестиционных прогнозах и тенд…
Янв 20, 2023 6 мин.
IT — новости
1000 кораблей оказались отключены от береговых серверов из-за атаки хакеровНорвежская компания по управлению морскими рисками DNV заявила, что хакеры вз…
Янв 20, 2023 < 1 мин.
IT — новости
Робот Atlas от Boston Dynamics теперь может хватать и бросатьКомпания Boston Dynamics опубликовала последнюю демонстрацию своего гуманоидн…
Янв 20, 2023 < 1 мин.
Какие шрифты использовать в рассылке | Блог UniSender
Советы
Чтобы ваши письма дочитывали до конца
Читайте наc в Telegram
Разбираемся, что происходит в мире рассылок и digital-маркетинга. Публикуем анонсы статей, обзоры, подборки, мнения экспертов.
Смотреть канал
Станьте email-рокером 🤘
Пройдите бесплатный курс и запустите свою первую рассылку
Подробнее
Шрифт — это важно
Читатель тратит на письмо до 15 секунд. Смотрит тему, картинки, захватывает заголовки. Под интересными заголовками читает текст. Выбор — перейти по ссылке из письма или нет — делается молниеносно. Во многом это зависит от шрифта — он определяет, насколько легко читать письмо.
Рассказываем, как выбрать шрифт, чтобы подписчикам было удобно читать письма.
Задача шрифта — быть приятным глазу и упрощать чтение. Текст, который легко читать, дочитывают до конца. Это заслуга не только автора, но и типографики.
Какие шрифты в письмах используют чаще всего
Безопасные шрифты для рассылок
4 правила выбора шрифта
Как использовать элементы стиля
Какие шрифты в письмах используют чаще всего
Сравним популярные шрифты в рассылках.
Helvetica
Шрифт №1 в Европе и США. Создан в Швейцарии в 1957 году. Простой, изящный, нейтральный и универсальный. Без засечек. Helvetica — самый популярный шрифт в айдентике мировых брендов. Toyota и Skype, McDonalds и Nestle выбрали его для общения с потребителями.
Преимущества Helvetica — простота и гармоничность. Шрифт идеален, если хотите понравиться всем.
Arial
Популярнейший компьютерный шрифт. Создан в 1982 году на основе Helvetica. Преимущества те же: простота, нейтральность, универсальность.
Оба выставлены по умолчанию в популярных почтовых сервисах: например, Apple Mail использует Helvetica, Gmail — Arial (если браузер не поддерживает Arial, происходит автоматическое переключение на Helvetica).
Кириллицу Arial и Helvetica создали англоговорящие шрифтовики, и они учли не все особенности языка. Некоторые буквы выглядят идентично (п-л, ы-ь, ц-и, ч-н).
Не рекомендуем Arial и Helvetica в длинных текстовых письмах. Будет выглядеть стильно, но однообразно.
Georgia
Знаменитый шрифт с засечками — короткими штрихами на конце буквы. Раньше считали, что засечки усложняют чтение. Но типограф Джерри Леонидас утверждает, что засечки улучшают восприятие и способствуют прочтению текста до конца:
- направляют движение глаза при чтении крупных массивов текста;
- не утомляют зрение;
- придают буквам уникальный характер.
Verdana
Verdana не имеет засечек. Характерная особенность этого шрифта — широкий внутрибуквенный просвет. Буквы имеют открытую форму, это приятно для чтения.
Текст, набранный Verdana, читается легко. Поэтому его часто используют в email-рассылках.
Times New Roman
Разработан в 1932 году специально для лондонской газеты The Times. Популярен в России, особенно в официальных документах, коммуникациях государственных органов и вузов.
Добрая половина договоров на русском набрана Times New Roman. Быть может, из-за официозности маркетологи используют шрифт менее активно.
«Безопасные» шрифты для рассылок
Почтовые клиенты воспринимают не все шрифты для email рассылки. Вот список из самых «безопасных». Их отобразит любой почтовый клиент.
Без засечек:
- Arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
С засечками:
- Courier
- Courier New
- Georgia
- Times
- Times New Roman
Многие популярные почтовики постепенно добавляют поддержку веб-шрифтов. Например, Gmail и Apple Mail.
Вы можете использовать для своих писем небезопасные веб-шрифты. Но в этом случае нужно подстраховываться и прописать, какой шрифт использовать почтовику, если у него будут проблем с отображением. Этот второй шрифт должен быть безопасным, из списка выше.
Ах, да… Десктоп-версии Outlook будут переводить любой шрифт в Times New Roman. С этим можно бороться, если вы немного разбираетесь в верстке. Добавляем в email этот код:
<!--[if mso]>
<style type=”text/
css”>
. fallback-text {
font-family: Arial, sans-serif;
}
</style>
<![endif]-->
А затем используем класс «fallback-text», когда нужно избавиться от стандартного Times New Roman:
Делимся новостями и свежими статьями, рассказываем о новинках сервиса Раз в неделю присылаем подборку свежих статей и новостей из блога. Пытаемся
шутить, но получается не всегда Наш юрист будет ругаться, если вы не примете :( В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании.<td class=”fallback-text”h4">Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Статьи почтой
Как запустить email-маркетинг с нуля?
*Вместе с курсом вы будете получать рассылку блога Unisender
Оставляя свой email, я принимаю Политику конфиденциальностиНаш юрист будет ругаться, если вы не примете :(
Общие шрифты для всех версий эквивалентов Windows и Mac (шрифты, безопасные для браузера)
Общие шрифты для всех версий эквивалентов Windows и Mac (шрифты, безопасные для браузера) — советы и рекомендации по веб-дизайнуПоследнее обновление: 03.06.2008
Вернуться на главную
Введение
Здесь находится список со стандартным набором шрифтов, общих для всех версий Windows и их заменители для Mac, которые иногда называют «безопасными для браузера шрифтами». Это ссылка, которую я использую при создании веб-страниц, и я ожидаю, что вы тоже найдете ее полезной.
Если вы новичок в веб-дизайне, возможно, вы думаете: "Почему я должен ограничиваться таким небольшим набором шрифтов? У меня есть
большая коллекция красивых шрифтов на моем компьютере». Что ж, как уже известно опытным веб-дизайнерам, браузеры могут использовать только
шрифты, установленные на каждом компьютере, поэтому это означает, что
Если вы хотите узнать, как шрифты отображаются в других ОС или браузерах, отличных от вашего, после таблице вы можете найти несколько скриншотов этой страницы в разных системы и браузеры. Кроме того, вы можете взглянуть на список шрифтов по умолчанию. включены в каждую версию Windows.
Список
Сначала несколько вводных замечаний:
- Названия, выделенные серым цветом, представляют собой общее семейство каждого шрифта.
- В некоторых случаях эквивалентом для Mac является тот же шрифт, поскольку Mac OS X также включает некоторые шрифты, поставляемые с Windows.
- Примечания внизу содержат конкретную информацию о некоторых шрифтах.
Обычный стиль | Жирный шрифт |
---|---|
Arial, Arial, Helvetica, без засечек | Arial, Arial, Helvetica, без засечек |
Arial Black, Arial Black, Gadget, без засечек | Arial Black, Arial Black, Gadget, без засечек |
Comic Sans MS, Comic Sans MS 5 , курсив | Comic Sans MS, Comic Sans MS 5 , скоропись |
Courier New, Courier New, monospace | Courier New, Courier New, monospace |
Грузия 1 , Грузия, serif | Грузия 1 , Грузия, с засечками |
Ударный, Ударный 5 , Древесный уголь 6 , Без засечек | Impact, Impact 5 , Charcoal 6 , без засечек |
Консоль Lucida, Монако 5 , моноширинный | Консоль Lucida, Монако 5 , моноширинный |
Lucida Sans Unicode, Lucida Grande, без засечек | Lucida Sans Unicode, Lucida Grande, без засечек |
Палатино Линотип, Book Antiqua 3 , Палатино, с засечками | Palatino Linotype, Book Antiqua 3 , Palatino, serif |
Тахома, Женева, без засечек | Тахома, Женева, без засечек |
Times New Roman, Times New Roman, Times, с засечками | Times New Roman, Times New Roman, Times, с засечками |
Требюше MS 1 , Требюше MS, без засечек | Требюше MS 1 , Требюше MS, без засечек |
Вердана, Вердана, Женева, без засечек | Вердана, Вердана, Женева, без засечек |
Символ, Символ (Символ 2 , Символ 2 ) | Символ, Символ (Символ 2 , Символ 2 ) |
Ленты, Вебдинги (Ленты 2 , Ленты 2 ) | Вебдинги, Вебдинги (Ленты 2 , Вебдинги 2 ) |
Wingdings, Zapf Dingbats (Wingdings 2 , Zapf Dingbats 2 ) | Wingdings, Zapf Dingbats (Wingdings 2 , Zapf Dingbats 2 ) |
MS без засечек | MS без засечек 4 , Женева, без засечек |
MS Serif 4 , Нью-Йорк 6 , с засечками | MS Serif 4 , Нью-Йорк 6 , с засечками |
1 Georgia и Trebuchet MS поставляются вместе с Windows 2000/XP и также включены в пакет шрифтов IE (и в комплекте с другими приложениями MS), поэтому они довольно распространены в системах Windows 98.
2 Символические шрифты отображаются только в Internet Explorer, в других браузерах вместо этого используется замена шрифта (хотя шрифт Symbol работает в Opera и Webdings). работает в сафари).
3 Book Antiqua — это почти тот же шрифт, что Palatino Linotype, Palatino Linotype включен в Windows 2000 / XP, а Book Antiqua был в комплекте с Windows 9.8.
4
Эти шрифты не являются шрифтами TrueType, а являются растровыми шрифтами, поэтому они не будут хорошо смотрятся при использовании некоторых размеров шрифта (они рассчитаны на 8, 10, 12, 14, 18 и 24 пункта размеры при разрешении 96 точек на дюйм).5 Эти шрифты работают в Safari, но только при использовании обычного стиля шрифта, а не полужирным шрифтом или курсивом. Comic Sans MS работает жирным шрифтом, но не курсивом. Другой Mac браузеры, похоже, правильно эмулируют стили, не предусмотренные шрифтом (спасибо Кристиану Фекто за подсказку).
6 Эти шрифты присутствуют в Mac OS X, только если Classic установлен (спасибо Julian Gonggrijp за исправления).
Как выглядят шрифты в разных системах и браузерах
- Mac OS X 10.4.8, Firefox 2.0, включено сглаживание шрифтов (спасибо Juris Vecvanags за снимок экрана)
- Mac OS X 10.4.4, Firefox 1.5, сглаживание шрифтов включено (спасибо Эрику Завески за снимок экрана)
- Mac OS X 10.4.11, Safari 3.0.4, включено сглаживание шрифтов (спасибо Нолану Гладиусу за снимок экрана)
- Mac OS X 10.4.4, Safari 2.0.3, включено сглаживание шрифтов (спасибо Эрику Завески за снимок экрана)
- Windows Vista, Internet Explorer 7, ClearType включен (спасибо Michiel Bijl за снимок экрана)
- Windows Vista, Firefox 2.0, ClearType включен (спасибо Michiel Bijl за снимок экрана)
- Windows XP, Internet Explorer 6, ClearType включен
- Windows XP, Firefox 1.0.7, ClearType включен
- Windows XP, Internet Explorer 6, базовое сглаживание шрифтов включено
- Windows XP, Firefox 1. 0.7, базовое сглаживание шрифтов включено
- Windows 2000, Internet Explorer 6, базовое сглаживание шрифтов включено
- Windows 2000, Firefox 1.0.7, базовое сглаживание шрифтов включено
- Linux (Ubuntu 7.04 + Gnome), Firefox 2.0 (спасибо Juris Vecvanags за снимок экрана)
Обратите внимание, что хотя сглаживание ClearType применяется всегда, базовое сглаживание шрифта Виндовс 98/2000/XP применяется только к шрифтам определенных размеров. Эти размеры могут быть указаны дизайнер шрифтов, но обычно они находятся в пределах 0-6 и 14+ пунктов (pt).
Список шрифтов Mac был получен из Browser Safe Fonts
PDF из webbedEnvironments
и из списка
шрифтов в Mac OS X из Википедии.
Вернуться на главную страницу
Alberto Martinez PerezСоветы и рекомендации по веб-дизайну
Universal Sans
Это контролирует визуальный вес шрифта. Они соответствуют обычно используемым весовым категориям, однако вы можете использовать любое значение:
100: тонкий
200: очень светлый
300: светлый
400: обычный
500: средний
600: полужирный
700: полужирный
800: очень жирный
900: черный
Управляет визуальной шириной шрифта в пределах диапазона шрифта нормальной ширины.
Определяет x-высоту, которая представляет собой соотношение между высотой строчных и прописных букв.
Управляет количеством сужений и красочных ловушек на стыках штрихов. Это может улучшить разборчивость небольших размеров при печати и цифровом воспроизведении за счет уменьшения горячих точек. Их также можно использовать стилистически для демонстрации.
Управляет углом окончаний и апертурой открытых буквенных форм. Эта переменная переходит из горизонтального положения в вертикальное через 90 градусов.
Управляет изменением пропорций между символами разной формы. Это варьируется от современных пропорций, где символы имеют одинаковую ширину для сохранения визуальной однородности, до классических пропорций, где есть больше различий между круглыми и прямыми символами.
Существует четыре варианта строчных букв: от классических до одноэтажных.
Выберите, следует ли добавить хвост или шпору к стилю строчной буквы «а», выбранному на предыдущем шаге.
Выберите один или два этажа g. Если вы выбрали одну историю в нижнем регистре a, рассмотрите возможность выбора одной истории g для согласованности.
Выберите симметричную или асимметричную форму плеч. Это относится к строчным буквам «n», «h», «m», «u» и альтернативному «y».
Существует четыре варианта строчной буквы y: от сдержанного и классического до более игривого.
Выберите классические изогнутые клеммы или плоские клеммы с более выраженным переходом под углом 90 градусов. Этот выбор также применяется к альтернативному хвосту «J» в верхнем регистре, альтернативному «g» в нижнем регистре и хвосту «a» в нижнем регистре.
Выберите вариант с прямой буквой «l» или с хвостиком. Если вы выбрали строчную букву «а» с хвостиком, вы можете применить то же самое здесь для согласованности.
Есть два варианта выбора: заглавная буква «J» с вертикальным или горизонтальным окончанием.
Заглавная буква «Q» имеет четыре альтернативы, которые отличаются формой окончания.
Существует три варианта заглавной буквы «R», начиная от классических форм и заканчивая более современной альтернативой.
Выберите заглавную букву «G» со шпорой или без нее. Ответвление доступно только в том случае, если конечная ось установлена менее чем на 25 градусов.
Заглавная буква «К» и строчная буква «к» имеют одинаковую конструкцию. Выбирайте конструкцию с двойным или одинарным соединением.
Есть два альтернативных стиля для цифры «1» с прямым или изогнутым плечом.
Цифра «2» может быть двух видов: с изогнутым или прямым стержнем.
Есть два альтернативных стиля для цифры «3» с изогнутой или прямой верхней частью.
Цифра «7» имеет два альтернативных стиля: с изогнутым или прямым стержнем.
Существует три альтернативных стиля для цифр «6» и «9» с изогнутыми или прямыми выводами.
Выберите круглые или квадратные точки. Это также повлияет на другие знаки препинания, символы и диакритические знаки.
Выберите фигурную или прямую запятую. Это также повлияет на другие знаки препинания, символы и диакритические знаки.
Вы можете выбрать выделенную курсивом версию строчной буквы «а», которую вы выбрали в разделе 2, или вы можете выбрать строчную букву «а», которая часто заменяется курсивом, поскольку она имитирует почерк.
Добавление пользовательского имени семейства требует дополнительных лицензионных сборов. Подробную информацию см. в сводке заказа.
Вы также можете добавить имя подсемейства (отображение, заголовок, текст, подпись и т. д.), которое будет применяться ко всему семейству. Если вам нужно несколько подсемейств, скопируйте URL-адрес и повторите процесс покупки, используя новое имя подсемейства.
В системах Mac именами стилей шрифтов являются значения веса, в то время как в системах Windows значение веса будет прикреплено к имени семейства, и они будут отображаться как отдельные семейства в меню шрифтов.
Обратите внимание: использование пользовательского имени не делает шрифт эксклюзивным для вашего использования, все лицензии являются неисключительными, и любой может лицензировать один и тот же шрифт и даже использовать одно и то же имя. Файлы шрифтов содержат BuildID и соответствующую информацию об авторских правах и лицензии.
Дополнительную информацию о лицензировании см. в лицензионном соглашении.
Если вы хотите опробовать шрифт в своем проекте перед покупкой, вы можете загрузить бесплатную пробную версию.
Пробные версии имеют сокращенный набор символов и функциональность и не могут использоваться ни в каких коммерческих или живых проектах. Просто введите свой адрес электронной почты, согласитесь с лицензионным соглашением и нажмите «Загрузить». Создание шрифта займет несколько секунд.
Добавьте в закладки или сохраните свой BuildID, после чего вы сможете вернуться, чтобы купить шрифт, когда будете готовы, или поделиться им с клиентом.
Существует пять типов лицензий, которые охватывают наиболее распространенные виды использования. Они рассчитываются как:
Рабочий стол | Формат .TTF
Численность персонала компании или организации.
Интернет | Форматы .TTF и .WOFF
Количество посетителей сайта в месяц.
Социальный | Формат .TTF
Количество подписчиков на канале в социальной сети.
Приложение | Формат .TTF
Количество загрузок приложения.
Трансляция | Формат .TTF
Количество континентов, на которых контент будет транслироваться или передаваться в потоковом режиме.
Если вам нужно использовать шрифт в категории, не указанной здесь, или вы хотели бы обсудить неограниченную лицензию, пожалуйста, свяжитесь с нами.
Дополнительную информацию см. в лицензионном соглашении.
Цена рассчитывается исходя из количества гирь и предоставленных вами объемов лицензий. Вы можете совершить платеж в фунтах стерлингов, евро, долларах США, австралийских долларах или новозеландских долларах.
Когда вы будете готовы, поставьте галочку, соглашаясь с лицензионным соглашением, и перейдите к оформлению заказа, где мы возьмем ваши платежные реквизиты, а затем сгенерируем ваши шрифты.