Как выбрать шрифт для сайта

Все дело в санкциях

Переход чиновников и госкорпораций на использование свободно распространяемых шрифтов продиктован, в том числе, и американскими санкциями. CNews писал, что в декабре 2018 г. Компания Monotype Imaging из США, которой принадлежат права на шрифты Times New Roman, Arial, Courier New и ряд других, отказалась предоставить лицензии на их использование в российском ПО. Отечественный софт в госсекторе в настоящее время постепенно вытесняет иностранный в рамках импортозамещения.

На момент введения запрета Times New Roman, созданный в США еще в 1932 г. Стэнли Морисоном (Stanley Morison) и художником Виктором Лэрдентом (Victor Lardent) был основным шрифтом, используемым, например, в российских вооруженных силах для составления служебных документов на листах формата А4. Об этом говорилось в разделе «Правила оформления служебных документов» в «Справочнике офицера» за 2017 г.

Сразу после запрета российские госучреждения получили методическое пособие, в котором детально разъяснялось, на что можно заменить «санкционные» шрифты. Авторы методички рекомендовали использовать отечественные или свободно распространяемые шрифты, максимально похожие на запрещенные, чтобы структура документов, созданных с использованием того же Times New Roman до введения запрета, в дальнейшем не искажалась. В числе рекомендуемых упоминались, к примеру, шрифты линейки PT Astra, созданные отечественной компанией «ПараТайп» по заказу российской ООО «РусБИТех-Астра», развивающей отечественную ОС Astra Linux.

PT Astra, отечественный заменитель Times New Roman

В то же время, со слов Александра Харькова, использование госструктурами свободных шрифтов, не описанных в ГОСТе, приводило к тому, что документы, в которых они применялись, в итоге переставали соответствовать госстандарту и рисковали не пройти ведомственные согласования. Это и потребовало внесения упоминания свободно распространяемых шрифтов в ГОСТ.

Представители «РусБИТех-Астра» рассказали CNews, что первые шаги по направлению отказа от использования зарубежных шрифтов были сделаны за несколько месяцев до американских санкций декабря 2018 г. В середине мая 2018 г. Росстандарт скорректировал ГОСТ Р 7.0.97 «Система стандартов по информации, библиотечному и издательскому делу. Организационно-распорядительная документация. Требования к оформлению документов».

CIO и СTO: как меняется влияние ИТ-руководителей в компаниях?
Новое в СХД

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

Кому следует использовать безопасный шрифт для зрения?

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

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

Правила работы за компьютером:

• Делайте гимнастику для глаз каждые 45 минут при чтении или написании текста;
• Установите хороший читабельный шрифт (Verdana, Arial или Tahoma);
• Установите комфортные параметры контрастности, яркости и частоты обновления дисплея;
• Старайтесь чаще моргать и фокусироваться на разных объектах;
• Следите за тем, чтобы монитор находился четко на одном уровне с Вашими глазами;
• Позаботьтесь об организации удобного рабочего места (комфортная мебель, достаточный уровень естественного освещения);
• Следите за тем, чтобы экран находился на расстоянии не менее 50-60 см от глаз. При необходимости увеличьте кегль шрифта или воспользуйтесь средствами коррекции.

Гротески

Neue Machina. Бесплатный вариативный гротеск с кириллицей, выпущенный Pangram Pangram. Презентацию оформил Васьен Катро aka Baugasm

Обратите внимание — ловушки для чернил (inktraps) вошли в моду

PT Root UI. Новый бесплатный шрифт компании Паратайп. Предназначен специально для интерфейсов, содержит 4 начертания.

Inter. Бесплатный гротеск с кириллицей в 8 начертаниях. Сделал дизайнер из команды Figma. Открытые исходники.

Greenwich. Современный гротеск с кириллицей по мотивам английских шрифтов начала 20 века. Цена за каждое отдельное начертание от 35 $. Два начертания доступны бесплатно.

Closer. Семейство гуманистических гротесков с кириллицей от Mint Type. Низкий контраст и очень закрытая апертура. 18 начертаний (9 прямых + италики), 7 наборов стилистических альтернатив. Два начертания раздают бесплатно, остальные от 35 $.

Closer Text. Семейство закрытых гуманистических гротесков для набора. Начертания Text Light и Text Light Italic бесплатные, остальные 16 стоят от 35 $ по отдельности и от 159 $ вместе. 

FE Hero. Ультра-узкий гротеск с кириллицей. Идеально подходит для киноафиш и технических надписей. Можно использовать бесплатно в персональных проектах, коммерческая лицензия обойдётся всего в 299 ₽.

Vocal. Семейство гротесков с кириллицей. В гарнитуре 28 шрифтов толщиной от волосяного до хэви. Все вместе от 260 $, отдельные начертания от 35 $, начертание Light бесплатное.

Noah. 4 начертания этого семейства гротесков Fontfabric можно скачать бесплатно. Остальные 78 стоят от 299 $.

Mozer. Гарнитура Fontfabric с кириллицей. Полуузкий неогротеск, 16 начертаний. Начертание Semi Bold бесплатное. Остальные от 29 $. Вся семья от 169 $.

Kardinal. Гуманистический гротеск в 16 начертаниях (8 прямых + 8 италиков) с кириллицей. Два начертания бесплатные, остальные от 30 $, вся семья от 180 $.

Lil Stuart. Пара бесплатных шрифтов с латиницей: гротеск и скрипт. Повторяется в разделе с рукописными шрифтами.

Посыл сайта

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

Чтобы определить посыл, можно выбрать несколько слов, которые точно описывают бизнес с лучшей стороны, например:

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

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

Например, для семейной пиццерии, можно выбрать слова «профессиональный», «традиционный» и «семейный», значит, чтобы донести это через дизайн сайта лучше использовать:

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

Или еще один пример: IT-стартап для инновационного приложения. Тогда посыл должен содержать слова «молодой», «амбициозный», «современный». Шрифт в таком случае будет уместен без засечек с жирными заголовками.

ГОСТ для российских шрифтов

Российские госорганы и все государственные корпорации получили рекомендации по использованию исключительно отечественных и свободно распространяемых компьютерных шрифтов при работе с текстом. По информации «Коммерсанта», эти рекомендации стали следствием изменений в ГОСТ, внесенными Росстандартом.

Под «свободно распространяемыми» подразумеваются шрифты, на использование которых не требуется лицензия.

На момент публикации материала изменения в ГОСТ были приняты пока только техническим комитетом системы разработки и постановки продукции на производстве, о чем изданию сообщил член технического комитета, старший научный сотрудник ГУБ НИЦ «Курчатовский институт» Александр Харьков. Он добавил также, что нововведение еще рассматривается в других инстанциях, но не уточнил, в каких именно.

Привычный всем Times New Roman оказался под запретом для российских госорганов

Действующая версия ГОСТа подразумевает использование шрифта Times New Roman, который может использоваться без лицензии только в американских ОС семейства Windows, Российский госсектор в рамках импортозамещения постепенно отказывается от использования иностранного ПО.

Как всегда оставаться в тренде

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

Вот три лайфхака, как всегда оставаться в тренде: 

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

Антиквы

Brygada 1918. Бесплатная антиква с кириллицей в шести начертаниях (три прямых и три италика). Презентация на Behance.

Wremena. Бесплатная антиква в трёх начертаниях с кириллицей, сделанная Романом Горницким.

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

Blacker Pro. Антиква с высокой контрастностью и агрессивными засечками. 5 из 69 начертаний можно использовать бесплатно, стоимость остальных — от 29 $, от 284 $ за все.

Lovelace. Антиквенная гарнитура с кириллицей. Всего 30 начертаний, Два начертания дарят бесплатно. Остальные от 29 $, все вместе от 189 $.

Гимнастика для сохранения зрения при работе за компьютером

Наиболее эффективным методом снижения зрительных нагрузок при длительном чтении или наборе текста на экране монитора является гимнастика для глаз. Она займет всего несколько минут Вашего времени, но при этом позволит снизить дискомфортные ощущения и вернуться к работе с новыми силами. Чередуйте закрытие и сильное напряжение глаз в течение 4 секунд с их расслаблением в течение 3-5 секунд. Повторять это упражнение следует 4-5 раз. Переведите взгляд на переносицу и задержите его на 3-4 секунды. Затем сфокусируйте зрение на дальнем объекте, например, пейзаже за окном, на 4 секунды. Повторять упражнение следует 2-3 раза. Посмотрите влево, не поворачивая голову, и зафиксируйте глаза в этом положении на 4 секунды. Затем повторите это упражнение, смотря влево, вверх и вниз. Моргайте максимально быстро в течение 10 секунд и ненадолго закройте глаза. Затем еще раз быстро поморгайте в течение 1 минуты и снова закройте веки на 2-3 секунды. Повторять упражнение следует 2-3 раза. Внимательно рассмотрите любой хорошо видимый объект вблизи в течение 30 секунд. Затем сфокусируйтесь на удаленном предмете. Повторите такое упражнение 2-3 раза.

Вы используете контактные линзы для коррекции зрения? Рекомендуем ознакомиться с широким ассортиментом товаров на сайте Очков.Нет. У нас Вы сможете выгодно заказать продукцию от мировых брендов по выгодным ценам!

Самые рекомендуемые Google веб-шрифты

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

• Alegreya

• B612

• Muli

• Titillium Web

• Varela

• Vollkorn

• IBM Plex

• Crimson Text

• Cairo

• BioRhyme

• Karla

• Lora

• Frank Ruhl Libre

• Playfair Display

• Archivo

• Spectral

• Fjalla One

• Roboto

• Montserrat

• Rubik

• Source Sans

• Cardo

• Cormorant

• Work Sans

• Rakkas

• Concert One

• Yatra One

• Arvo

• Lato

• Abril FatFace

• Ubuntu

• PT Serif

• Old Standard TT

• Oswald

Как использовать веб-шрифты

На данный момент большинство дизайнеров знают, как пользоваться веб-шрифтами, но, если вы не уверены, вот два основных способа. Первый —использовать библиотеки веб-шрифтов, такие как Google Fonts, Webtype, Fonts.com или Typekit и загружать шрифт с их серверов, как вы увидите в этом примере:

Второй — разместить шрифт на своем сервере и использовать правило @font-face в таблице стилей, как показано здесь:

Сервисы встраивания веб-шрифтов

Google Web Fonts (GWF) или Typekit — это сервисы которые позволяют использовать шрифты, размещенные на их серверах. GWF бесплатен, не требует наличия учетной записи и не ограничивает трафик или домены. Typekit же устанавливает стоимость услуги в зависимости от количества доменов, на которых используется шрифт, или от ежемесячного трафика сайта. Одной из наиболее ценных характеристик GWF является возможность загрузки версии шрифтов для стационарных компьютеров для использования на этапе разработки проекта.

Реализация

Это действительно быстро и просто:

1. Выберите шрифт. Вы можете добавить его в свою коллекцию или использовать “quick-use” для генерации кода и опций для этого шрифта.

2. Скопируйте и вставьте сгенерированный код в <Head>

   <head> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> </head>

3. Шрифт теперь доступен в вашем коде CSS

   body { font-family: 'Tangerine', serif; font-size: 48px; }

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

Встраивание шрифтов с использованием правила @font-face

Шрифты размещаются на сервере пользователя независимо от внешних сервисов. @font-face — это устаревшее правило CSS2, которое было повторно введено в спецификации CSS3 и поддерживается почти всеми современными браузерами. Веб-шрифт — это настраиваемый шрифт, который поддерживается различными браузерами и доступен в таких форматах, как TTF, WOFF, EOT и SVG.

   @font-face { font-family: 'ChunkFiveRegular'; src: url('Chunkfive-webfont.eot'); src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal; }

Этот материал переведен на русский язык редакцией Deadsign, официального партнёра Awwwards в России.

Merriweather

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

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

Примеры: hopesandfears.com, , scmp.com.

Выбор шрифта для сайта

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

• Google Fonts – предлагает бесплатные шрифты, созданные профессионалами
• Fonts Adobe – шрифты предлагаются в едином пакете подписки Adobe Cloud.

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

На что стоит обратить внимание при выборе шрифта для веб-сайта:

Толщина шрифта

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

Проверка читаемости

После выбора шрифта с хорошим набором разных толщин, необходимо проверить как он отображается на мобильной и «декстопной» версии сайта. Ведь при нормальном отображении на большом экране, шрифт может оказаться не читаемым на мобильном устройстве. Особенно такое может случаться с очень тонким («Lite») шрифтом. Но так как у шрифта есть несколько толщин, то не составит особого труда сделать его немного толще, где это необходимо.

Сочетание шрифтов

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

Специалисты в веб-дизайне чувствуют и знаю какие шрифты стоит использовать вместе. А вот для начинающих это может быть проблемой, это станет точкой преткновения. Но для таких людей есть помощники в интернете, например, при выборе шрифта в Google Fonts система автоматически предложит сочетающиеся варианты шрифтов. Или можно использовать сервис fontjoy.com — он автоматически подбирает сочетающиеся шрифты, просто нужно нажимать на кнопку «Сгенерировать».

Размер загружаемого шрифта

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

После выбора хорошего шрифта стоит провести тест загрузки, если он не будет устраивать – стоит подобрать другой, более «легкий» шрифт.

Совместимость браузеров

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

Второстепенный шрифт

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

Как появился самый безопасный для глаз шрифт?

Научно доказано, что печатный и электронный формат текстовых данных воспринимается глазами человека абсолютно по-разному. Экспериментальным путем было выявлено, что в печатном варианте более комфортно воспринимаются шрифты с засечками (небольшими выступающими черточками в буквах). Поэтому в книгах, журналах, брошюрах и рекламных проспектах зачастую используется шрифт Times New Roman. Кроме того, большой популярностью пользуется близкий к нему по начертанию аналог Georgia. Эксперты утверждают, что использование данных шрифтов существенно упрощает восприятие написанного на бумаге текста. Благодаря этому лучше усваивается смысл. Результаты исследований, проведенных американским писателем Джо Шугарманом, доказывают, что шрифт с засечками позволяет увеличить читабельность печатного текста в 4-5 раз. Однако к текстовым данным в электронном формате это не имеет никакого отношения.

Большинство людей получает информацию непосредственно с экрана и не видят смысла ее распечатывать. Впервые об удобстве восприятия текстовых данных в электронном формате задумались представители компании Microsoft, которые поручили дизайнеру Мэтью Картеру разработать шрифты, способствующие удобному чтению данных с монитора. Впоследствии их оптимизацией занимался Том Рикнер (Tom Rickner). Основная задача состояла в том, чтобы буквы имели хорошую читабельность даже при небольшом размере (кегле) и способствовали снижению зрительной нагрузки. Так появились знаменитые удобочитаемыми шрифты Verdana и Arial.

Шрифт без засечек

GORGEOUS

Дизайнер Rajesh Rajput создал этот современный, элегантный шрифт с колоссальными 20ю различными начертаниями и несколькими языковыми версиями. Идеально подходит для модных и стильных проектов, великолепно смотрится в больших титрах и переплетается с фоновыми элементами.

LUXIA

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

SIMPLIFICA

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

COCO

Дизайнер Хендрик Роландес создал Coco с мыслью о профессионале моды. Тонкие вытянутые буквы со специальной прозрачностью по краям создают прекрасные заголовки и короткие текстовые фрагменты. Коко прекрасно работает!

STEINER

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

COCOMAT

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

CLEARLIGHT

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

DINER

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

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

CASUAL

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

PRESTAGE

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

AUDREY

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

Как создать шрифт самостоятельно

При помощи генераторов шрифтов вы можете разработать собственную графику и придать ей оригинальности.

Хотите персонализировать био в Instagram? Получите уникальную графику, чтобы выделить свой профиль. Введите текст — и сервис будет генерировать бесконечное количество вариантов.

Ресурс создаст надпись на основе более чем 100 тысяч символов по стандарту Unicode: букв из кириллицы, латиницы и других алфавитов, цифр, символов и графики.

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

Как узнать название шрифта

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

Ресурс, работающий на платформе My Fonts, сопоставит ваше изображение с более чем 133 тысячами начертаний. А приложение WhatTheFont для Apple или Android позволяет проводить поиск онлайн прямо с камеры телефона.

Платформа Font Squirrel предлагает воспользоваться опцией распознавания: загрузите изображение или укажите его URL — и искусственный интеллект выдаст результаты.

Поиск по каталогу из более чем 600 тысяч работ. Сервис предложит вам около 60 вариантов, похожих на те, что вы ищете, а также ссылки на сайты, где их можно приобрести.

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

Где найти типографику для коммерческого использования

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

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

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

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

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

Коллекция бесплатной типографики. Из недостатков сервиса — отсутствие поиска по категориям.

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

Редактор блога компании Logaster, контент-маркетолог. Эксперт по веб-маркетингу и брендированию. Умеет писать просто о сложном. По ее статьям можно построить успешный бренд и начать успешное продвижение в интернете.