Товаров: 0 (0р.)

Легкие шрифты: Легкие, тонкие шрифты скачать бесплатно для Web или Photoshop.

Содержание

Топ 30 шрифтов в 2020 году

Мы постарались собрать для вас самые популярные шрифты в этом году. Благодаря этому рейтингу вы сможете понять какие шрифты выбирают дизайнеры для своих проектов. Как видите самые популярные шрифты Sans Serif. Тем не менее есть и пару шрифтов Slab Serif. Это не означает, что другие типы шрифтов совсем не популярны. Это означает, что в этом году тренды смотрят в сторону этих шрифтов. Все мы знаем, что мода ходит кругами и то, что было когда-то очень популярным может в будущем стать трендом в дизайне. Кто знает, может в следующем году мы увидим в топах шрифты с засечками (Serif), а может и вовсе курсив.


  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Light,  Light Italic,  Regular… (42)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Regular,  Regular Italic,  Medium… (12)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Ultra Light,  Ultra Light Italic,  Light… (16)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Book,  Light,  Regular,  Bold… (5)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Ultra Light,  Ultra Light Italic,  Light… (16)

Gilroy 243 246 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Ultra Light,  Ultra Light Italic,  Light… (20)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Text Light,  Text Light Italic,  Text Regular,  Text Italic,  Text Medium… (21)

Futura 196 639 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Book,  Book Italic,  Medium… (8)

Circe 185 380 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Extra Light,  Light,  Regular,  Bold… (6)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Extra Light,  Extra Light Italic,  Light… (16)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Regular,  Italic,  Semibold… (40)

DIN Pro 161 831 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Regular,  Italic,  Medium… (20)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Extra Light,  Extra Light Italic,  Light… (16)

Roboto 126 424 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Light,  Light Italic,  Regular… (12)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

100 Thin,  100 Thin Italic,  300 Light,  300 Light Italic,  500 Medium… (10)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Oblique ,  Book,  Book Oblique ,  Medium… (22)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Extra Light,  Extra Light Italic,  Light… (18)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Display Thin,  Display Thin Italic,  Display Ultra Light,  Display Ultra Light Italic,  Display Light… (18)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Regular,  Italic,  Bold,  Bold Italic (4)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Regular,  Italic,  Semibold,  Bold…

(6)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Thin Italic,  Light,  Light Italic,  Regular… (12)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Display Thin,  Display Light,  Display Regular,  Display Italic,  Display Bold… (11)

Acrom 61 108 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Thin,  Light,  Regular,  Medium,  Bold…

(6)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Regular,  Italic,  Semibold… (10)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Regular,  Italic,  Medium… (30)

Lato 48 386 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Hairline,  Hairline Italic,  Thin,  Thin Italic,  Light…

(18)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Light Italic,  Regular,  Italic,  Medium… (8)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Regular,  Italic,  Medium,  Medium Italic,  Semibold… (10)

Arial 36 899 скачиваний
  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Regular,  Italic,  Bold,  Bold Italic,  Black… (9)

  • Поддержка кириллицы:Да
  • Поддержка латиницы:Да
Начертания: 

Light,  Medium,  Demi,  Bold (4)

10 лучших бесплатных кириллических шрифтов с Google Fonts | GeekBrains

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

https://d2xzmw6cctk25h.cloudfront.net/post/2245/og_image/8a84cd2bb41242e077ef7e2a0ee0451b.png

Разработка дизайна для сайта или проекта — трудоёмкий процесс, в начале которого важно принять правильные стилистические решения. Дизайнерам есть над чем подумать: от цветовой схемы и логотипа до навигации и вёрстки контента. Но самое сложное всё-таки в том, чтобы объединить все эти составляющие стиля сайта в одну сбалансированную и цельную концепцию.

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

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

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

О лицензии шрифтов Google Fonts

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

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

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

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

С лицензиями разобрались — переходим к подборке. 

Rubik

Rubik — это представитель семейства шрифтов без засечек со слегка закруглёнными углами. Его разработали дизайнеры Филипп Хьюберт и Себастьян Фишер. 

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

Примеры использования: dinoballiana.com, moeamaya.com, genesisblockchain.io.

Cormorant

Cormorant — это изящный шрифт с засечками, созданный Кристианом Талманном. Включает пять классических начертаний (Light, Regular, Medium, SemiBold, Bold) и большое количество символов. Посмотрите проект на Behance, чтобы детально изучить его. 

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

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

Примеры использования: sasha-ng.com, readwildness.com/eco, katescott.co/sparhawk.

Alegreya Sans

Alegreya Sans — это рубленый шрифт (без засечек), разработанный аргентинским дизайнером Хуаном Пабло дель Пералом. Представлен в семи начертаниях, в том числе в Italic.

Его рекомендуют для наборного текста или для небольших заголовков в начертании Bold. Alegreya Sans минималистичен и отличается необычными пропорциями, поэтому непрост в работе. Но он сильно недооценён на просторах Google Fonts и поэтому будет выглядеть оригинально.

Примеры использования: cafefrida.ca, shinbyeong.com.

Source Sans Pro

Source Sans Pro — это первый бесплатный шрифт Adobe. Разработан Полом Д. Хантом. Без засечек, предназначен для работы в пользовательских интерфейсах. У дизайна Source Sans Pro классический готический характер, который легко воспринимается зрительно.

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

Примеры: whitehouse.gov, owlstudios.co, abyssale.com.

Playfair Display

Playfair Display — один из самых известных шрифтов с засечками. Автор — Клаус Эггерс Соренсен. Идеология этого шрифта основана на изящных каллиграфических формах 18 века. Разработан в 2011 году, но до сих пор не теряет популярности. Контрастный и умеренно широкий, он идеально подходит для любых заголовков.

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

Примеры использования: zack.es, sachatourtoulou.com, councl.com.

Montserrat

Montserrat — это один из шрифтов, наиболее удобных для чтения. Без засечек, созданный Джульеттой Улановски в 1989 году — с тех пор невероятно распространённый. В Montserrat есть все варианты начертаний: от ультратонкого до жирного, — а также соответствующие курсивы.

У этого шрифта примерно одинаковое соотношение ширины и высоты, поэтому он удобен практически для всех типов проектов. За исключением, пожалуй, только интерфейсов и мобильных приложений. С 2019 года, когда в моду вошли широкие шрифты для заголовков (например, Druk Wide), Montserrat переживает новую волну популярности.

Примеры: welcometonext.com, melonfashion.ru, userflower.com.

Merriweather

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

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

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

Open Sans

Open Sans — пожалуй, самый известный шрифт без засечек, представленный на платформе Google Fonts. Разработан Стивом Маттесоном, директором шрифтов Ascender Corp. Open Sans стал хитом во всех областях дизайна: от печатных материалов до мобильных приложений.

Секрет его успеха очевиден уже по названию: это открытый, нейтральный и дружелюбный шрифт. Его главные плюсы — разборчивость и универсальность. А он ещё и бесплатный 🙂

Примеры: noiz.io, cordial.com, designthingy.co.

IBM Plex Sans

IBM Plex Sans — это нейтральный, но в то же время дружественный шрифт в стиле гротеск. Включает Sans, Sans Condensed, Mono и Serif. Остаётся разборчивым в печатных, мобильных и веб-интерфейсах.

В этом шрифте удачно сочетаются геометричность форм и мягкость изгибов — и это придаёт ему характер, сохраняя универсальность. Используйте его для проектов, связанных с IT, а также в интерфейсах и мобильных приложениях. Кстати, IBM Plex Sans — на данный момент основной шрифт GeekBrains.

Примеры: coolstuff.nyc, jasperterra.nl, niteeshyadav.com

Raleway

Raleway — это элегантный шрифт без засечек, предназначенный для заголовков и других текстов с большим кеглем. Первоначально его разработал Мэтт Макинерни только в тонком весе, а в 2012 году Пабло Импаллари и Родриго Фуэнзалида расширили его в семейство из девяти начертаний.

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

Примеры: weddingdronenewyork.com, bellevoye.fr/en, gdovindesigns.com/owed

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

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

10 бесплатных и крутых шрифтов / Блог компании Логомашина / Хабр

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

Шрифт – часть фирменного стиля, которой нельзя пренебрегать. Форма и начертание букв – основа читабельности и настроения бренда. Текст окружает нас повсюду: название компании, слоган или реклама в журнале. Встречают по одежке. Притягательность текста зависит от того, зацепится ли взгляд за приятные очертания букв или излишние закорючки вызовут отторжение у читателя. Создание шрифтов – наука, но всемирная сеть предлагает неисчерпаемый источник публичных семейств от гуру типографики.

1. Open Sans



Пример использования:

Дизайнер: Стив Мэттэсон – увлеченный дизайнер из штата Колорадо. Более 25 лет Мэттисон разрабатывает шрифты, самыми крупными проектами стали дизайны для Android, Citrix, Microsoft, Nextel и Xbox.

Типы: Light; Light Italic; Regular; Regular Italic; Semi-Bold; Semi-Bold Italic; Bold; Bold Italic; Extra-Bold; Extra-Bold Italic.

Open Sans – приятный для чтения шрифт с простыми формами без засечек. Начертание буквы плавное и широкое. Благодаря своему нейтральному виду шрифт отлично подойдет как для заголовков, так и для основного текста. Шрифт сдержит полный набор символов: латинские, греческие и кириллические. Приятным дополнением станет то, что пакет оптимизирован для печатных, веб и мобильных интерфейсов.

2. Droid Sans


Пример использования:

Дизайнер: Еще один популярный шрифт от Стива Мэттэсона.

Типы: Regular; Bold.

Стив Мэттэсон разработал Droid Sans с единственной целью – удобство чтения на мобильном телефоне. В отличие от предыдущего собрата, Droid Sans имеет более вытянутые очертания, интервал между буквами сократился, линии стали жирнее. Шрифт смотрится ярко и не массивно, подойдет для использования в приложениях, браузерах и меню смартфонов.

3. Source Sans Pro


Пример использования:


Источник

Дизайнер: Пол Д. Хант

Типы: Extra-Light; Extra-Light Italic; Light; Light Italic; Regular; Regular Italic; Semi-Bold; Semi-Bold Italic; Bold; Bold Italic; Black; Black Italic.

Source Sans Pro – семейство шрифтов, которое Пол Д. Хант разработал для Adobe Systems.
Шрифт класса гротеск, относится к стилю «без засечек». Дизайнер сделал рисунок букв плавным и широким. Символы подойдут для заголовков, выделения интересных моментов в основном тексте. Гарнитура призвана работать в пользовательских интерфейсах и имеет открытую лицензию. Из плюсов: проработаны символы для латиницы, кириллицы и некоторых азиатских языков.

4. Lato


Пример использования:


Источник

Дизайнер: Лукас Дзедзич – дизайнер из Варшавы, который работал над созданием шрифтов для крупнейшей розничной сети в Польше, а в 2010 году начал работу над семейством шрифтов с открытым кодом Lato.

Типы: Thin, Thin Italic, Light, Light Italic, Regular, Regular Italic, Bold, Bold Italic, Black, Black Italic.

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

5. Montserrat


Пример использования:


Источник

Дизайнер: Джульетта Улановская – графический дизайнер и владелец студии, которая существует около 30 лет. Женщина проживает в Монтсеррате, Буэнос-Айрес.

Типы: Thin, Thin Italic, Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Medium, Medium Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Extra-Bold, Extra-Bold Italic, Black, Black Italic.

Montserrat – это не коммерческий заказ, а проект с душой и историей. Старые вывески и плакаты в городе Монсератте вдохновили Джульетту Улановскую на создание этого текстового стиля. По словам дизайнера, новые тенденции в мире типографии не смогут сделать городской вид таким же красивым и особенным. Целью Джульетты стало – сохранить культурное наследие, поэтому, шрифт распространяется бесплатно. Буквы широкие и простые по начертанию, и имеют дружелюбный для чтения вид. Гарнитура хорошо сочетается с другими шрифтами классического вида. Семейство имеет две сестры Alternates и Subrayada, которые отличаются необычными формами.

6. Numans


Пример использования:


Источник

Дизайнер: Джованни Лемоннад – российских дизайнер Иван Гладких с необычным псевдонимом работает не только над коммерческими проектами, но и создает бесплатные семейства шрифтов.

Типы: Regular

Numans – насыщенный широкобуквенный шрифт, без засечек. Подобные шрифты относятся к группе акцидентных и используются для заголовков или выделения коротких текстовых фрагментов. Стиль – современный гротеск. Буквы обладают открытыми, плавными чертами.
Несмотря на то, что дизайнер российский, шрифт представлен на латинице.

7. Nunito Sans


Пример использования:


Источник

Дизайнер: Вернон Адамс, Жак Ле Байл

Типы: Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Extra-Bold, Extra-Bold Italic, Black, Black Italic

Nunito Sans – семейство без засечек, которое имеет две версии. Вначале над проектом работал Вернон Адамс, который создал округлые формы без засечек для типографии. Жак Ле Байли расширил шрифт до полного набора весов. Невысокие буквы имеют классические пропорции и хорошо смотрятся в основном тексте.

8. Roboto


Пример использования:


Источник

Дизайнер: Кристиан Робертсон – дизайнер интерфейсов в Google.

Типы: Thin, Thin Italic, Light, Light Italic, Regular, Regular Italic, Medium, Medium Italic, Bold, Bold Italic, Black, Black Italic

Roboto шрифт по умолчанию в операционной системе Android, а с 2013 года – сервисов Google, имеет геометрические формы и механический скелет. Его можно назвать шрифтом-дуалистом. Буквы имеют привычные пропорции, не искажены. Это упрощает процесс чтения, делает шрифт приятным для глаз. Семейство удобно использовать совместно с другими гарнитурами Roboto. Шрифт представлен в различных языках, в том числе и русском.

9. Roboto Slab


Пример использования:


Источник

Дизайнер: Кристиан Робертсон

Типы: Thin, Light, Regular, Bold.

Roboto Slab – шрифт с брусковыми засечками. Дизайнер разработал его как более строгий и официальный. В отличии от своего собрата не имеет наклонной версии. Засечки делают буквы более узнаваемыми и читабельными. Roboto Slab удобно использовать в качестве основного текстового шрифта, комбинируя с остальными семействами Roboto.

10. Raleway


Пример использования:


Источник

Дизайнер: Мэтт макинерни, Пабло Импаллари и Родриго Фуэнзалид.

Типы: Thin, Thin Italic, Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Medium, Medium Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Extra-Bold, Extra-Bold Italic, Black, Black Italic.

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

Подборку подготовила копирайтер Логомашины — Алена Коваленко.

Относительно лёгкий способ определить качество кириллицы в шрифте

На мысль написать этот пост меня натолкнуло письмо с вопросом «а что ты скажешь про шрифт NNN, хороший?»

Несмотря на то, что предыдущий пост из жанра «объяснить на пальцах» вызвал не самую однозначную реакцию, я по-прежнему считаю, что такие объяснения нужны и полезны. Однако на всякий случай заранее предупреждаю, что описанный ниже способ не гарантирует стопроцентного результата, результат всё равно зависит от насмотренности, начитанности и т.п., и если вы видите в моём способе неточности и вообще можете легко без него обойтись, то и не мучайтесь 🙂


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

наберите комбинацию
БДабвджклмфя
(если хотите, можно ещё добавить з, э)
и внимательно смотрите на результат.

Вот, например, скриншоты примерно со второй страницы поиска по тэгу Cyrillic:

Куда смотреть?

1. На рисунок отдельных знаков.
(примечание: чем больше вопросительных знаков, тем хуже, но всё-таки, возможно, немножко лучше, чем зачёркнутый вариант)
форма хвоста б:

и далее (большие горизонтальные картинки я делила пополам):

2. На ширину знаков.
Она должна выглядеть более-менее равномерной, не должно быть (в текстовом шрифте) явного дисбаланса по ширине.


сбалансированная ширина


сбалансированная ширина


несбалансированная ширина

3. На расстояния между знаками и общий баланс строки.

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

P. S. Ну что, кто кинулся проверять свои шрифты? 🙂

Когда стоит, а когда не стоит использовать легкие шрифты | by Writes

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

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

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

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

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

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

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

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

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

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

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

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

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

Кириллица в Google Fonts: неогротески

Эксперты

  • Михаил Струков
  • Шрифтовой дизайнер, выпускник курса Ильи Рудермана в БВШД и Плантиновского института типографики. Сотрудничает с CSTM Fonts и агентством Samarskaya & Partners

Дисклеймер

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

Что такое неогротески?

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

Оглавление

Кристиан Робертсон

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

Заявленная механистичность (больше заметная в прописных) проявляется в ритме и сближенных пропорциях шрифта, что несколько противоречит ремарке автора: «Там, где некоторые гротески жертвуют пропорциями ради жёсткого ритма, Робото не идёт на компромиссы и сохраняет естественные ширины знаков, что больше характерно для гуманистических шрифтов и антикв».

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

В Робото один набор табличных цифр, минимум дробей, математических символов, знаков валют и лигатур.

Начертания В Roboto шесть насыщенностей от Thin до Black с наклонными начертаниями.

Наклонное начертание полностью подчинено прямому — наследует все его особенности и недостатки, при этом оно более ёмкое.

Дополнительное семейство Roboto Condensed отличается от основной версии ещё более зауженными пропорциями.

Кириллица Характер кириллицы в Робото в целом соответствует латинской части — в меру нейтральный, в меру жёсткий, без очевидных стилистических несоответствий.

Однако качество кириллицы вызывает вопросы и делает шрифт малопригодным для применения.

Строчная и прописная Д в начертаниях Thin и Light, помимо чрезмерной динамики левого штриха, имеют слишком узкую платформу со свисающими элементами — та же проблема у Цц и Щщ. Проблемы в знаках Уу, Кк, Ии — диагонали в них тяжёлые, из-за этого формируется обратный контраст. Не сбалансирована я — сплющен полуовал, далеко отлетела нога.

С ростом насыщенности ситуация несколько выправляется, однако ширина плеча в Дд, Цц и Щщ изменяется несистемно, в каждом из знаков по-разному: в Light у Д самое широкое плечо, а в Black — самое узкое. При этом и сама Д узкая, с толстым левым штрихом.

Проблемы появляются и в других знаках. Начиная с Meduim (и уже совсем явно в Bold и Black) хвост б, и без того чрезмерно изогнутый, становится слишком коротким и лёгким по сравнению с овалом, к которому он сильно прижат. Форма этого знака не удалась во всех начертаниях. Странным образом меняется характер кривой ч: в жирных начертаниях она тонкая на сгибе и расширяется к месту соединения со стойкой. Для всех начертаний характерна слишком широкая ы, недостаточным кажется объём полуовала Яя.

В Thin и Light у Ъ очень широкий горизонтальный штрих, полуовалу недостаёт объёма, избыточно межбуквенное пространство справа.

В лёгких начертаниях у ю овал отлетает от вертикали, в более насыщенных — слипается с ним.

Практически во всех насыщенностях горизонтальные пропорции ю трудно назвать оптимальными.

В диагоналях Мм виден обратный контраст — проблемы есть не только в кириллице.

Буква ф не смогла сделать чёткий выбор в пользу одной из конструкций и выглядит неуверенно.

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

Диакритика не оптимизирована для набора на украинском языке; внимания требует и ряд других знаков — например, не компенсировано положение горизонтали є.

Наш совет

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

К оглавлению

Вернон Адамс,
Алексей Ваняшин (кириллица)

Oswald — переработка шрифта Alternate Gothic Морриса Фуллера-Бентона (1903), который представляет собой узкую версию Franklin Gothic.

В Освальде, при сохранении общей закрытости и компактности, более простые детали и в целом сделана попытка успокоения характера Alternate Gothic. Менее радикальной стала форма арок в n, m, u; такие же меры предприняты в отношении полуовалов — они стали более округлыми, с менее выраженным вертикальным акцентом.

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

Практика Cпорный момент — перекомпенсированность некоторых знаков, которые часто выглядят тёмными в тексте — таких, как m или g. В Освальде они облегчены слишком сильно, что бросается в глаза в нормальных и светлых начертаниях — например (помимо заметно более тонких штрихов), очень велико внутрибуквенное пространство m.

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

Начертания В семействе шесть прямых начертаний (плюс вариативная ось насыщенности) с одинаковыми вертикальными метриками — в результате в насыщенных начертаниях выносные элементы выглядят слишком длинными.

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

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

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

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

Слишком динамичные, с выраженным диагональным движением в толстых левых штрихах, д и л.

Строчные м и ю — лёгкие и узкие, с перекомпенсированными толщинами штрихов. Также слишком легка ф, овал пережат по вертикали.

Те же проблемы в прописных Д и Л. З — копия тройки с большой головой. В кратке над Й (слишком лёгкой) — снова обратный контраст. Очень узкие, мелкие и лёгкие полуовалы в Ь, Ы, Ъ, Б. С ростом насыщенности проблемы только усугубляются.

Опять бросается в глаза перекомпенсированная М — она очень лёгкая, к тому же с обратным контрастом в диагоналях. Полуовалы Ф стали почти квадратными, чего не встречается в других местах шрифта. Довольно яркое, но неясно чем обоснованное решение применено в У, которая свисает ниже базовой линии — такое можно было бы ожидать при аналогичном ходе в латинской J. Овал Ю выглядит слишком лёгким и широким по отношению к остальной части буквы.

При наборе на украинском становятся очевидными проблемы с диакритикой.

Увы, встречаются и сугубо технические ошибки.

Наш совет

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

К оглавлению

Вернон Адамс

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

При этом у Nunito симметричные арки и овалы, симметричны и их соединения с вертикальными штрихами, а в качестве курсива выступает наклонное начертание.

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

Начертания Всего семь начертаний с курсивами — из-за скруглённых окончаний штрихов характер заметно меняется с ростом насыщенности.

У «курсива» очень маленький угол наклона — в результате он практически неотличим от прямого. Такое начертание непригодно для выделения в тексте, но становится стилистически самостоятельным инструментом — оно может работать независимо от прямого начертания и даже вместо него.

Кириллица В целом приемлемого качества, с соответствующим латинице характером — хотя есть ряд неточностей и спорных решений.

Конструкция Кк и Жж, с одной стороны, выглядит логичным ответом Яя и R с их мягкими диагоналями.

С другой стороны — такую конструкцию нельзя назвать естественной для кириллицы. Шрифт стал бы лаконичнее и современнее, если бы Кк и Жж повторяли конструкцию латинской Kk.

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

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

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

Диакритика не оптимизирована для набора на украинском языке.

Наш совет

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

К оглавлению

Майк Эббинк, Bold Monday,
Александра Самуленкова (кириллица)

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

Дизайн во многом обращается к истории IBM, цитирует её графические артефакты и в целом пытается отразить роль компании как проводника между человеком и машиной. Сочетание рационального и эмоционального отражено через контраст между угловато-геометричными и округлыми элементами — прежде всего в окончаниях штрихов, таких как в a, g, f или t. Более тонкие детали — вертикальные сегменты внутри овалов, выразительные входы арок и овалов в вертикальные штрихи. Все составные части находятся в балансе со спокойными внешними контурами.

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

Начертания В шрифте настоящий курсив, в котором контраст между жёсткими и округлыми элементами только усилился. Всего в семействе семь начертаний от Thin до Bold с курсивами.

Тот же набор начертаний — в зауженном Plex Sans Condensed (пока без кириллицы).

IBM Plex Sans Mono — моноширинное семейство с кириллицей — здесь угловатые геометричные элементы проявлены сильнее всего из-за природы шрифта.

Курсив Plex Sans Mono вдохновлён шрифтом печатной машинки IBM Selectric Italic 12, он заметно отличается от курсива IBM Plex Sans.

Кириллица Кириллица в шрифте качественная и сбалансированная, с хорошо применёнными конструкциями и решениями.

Внимания требует работа с диакритикой — при наборе на украинском возникает частичное перекрытие знаков ї.

Наш совет

IBM Plex Sans — шрифт высокого качества, подойдёт для широкого спектра применений.

К оглавлению

Стив Мэттесон

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

Практика На улучшение читаемости и различимости знаков повлияли увеличенный рост строчных, приквадраченность овалов и более широкие апертуры — всё это позволило впустить внутрь больше воздуха. Качество контуров на довольно высоком уровне, а вот рисунок знаков и пропорции не всегда оптимальны — во многом из-за необходимости следования метрикам Ариала.

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

Начертания Аналогично Ариалу, в Аримо всего две насыщенности с наклонными начертаниями.

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

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

Слишком длинные свисающие элементы Дд, Цц, Щщ. Плечо у них выглядит коротким, но ситуация с ним чуть лучше, чем в Ариале. Неудачное сопряжение овалов з — она похожа на тройку.

Чрезмерная динамика и неверное распределение контраста Дд, Лл.

И взяла у Ариала ошибочный обратный контраст. Стала хуже У — неустойчивая, с маленьким треугольником сверху. В худшую сторону изменилась Ч, у которой сломалась форма арки. Сплющен по вертикали овал Ь.

Диакритика не подходит для набора на украинском языке.

В наборе на таджикском заметна разная длина свисающих элементов ҷ и ҳ.

Наш совет

Латиницу Arimo можно использовать в качестве замены Arial, кириллицу — нет.

К оглавлению

Расмус Андерссон

Нейтральный гротеск, созданный для экранных интерфейсов, прежде всего для набора мелким кеглем — одной из основных задач была хорошая различимость знаков. Автор ставит Inter в один ряд с Roboto, San Francisco, Lucida Grande и другими функциональными гротесками, популярными у дизайнеров интерфейсов.

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

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

Начертания Девять начертаний от Thin до Black, а также шрифт в вариативном формате — в нём помимо переменной насыщенности есть ось наклона, позволяющая дополнительно расширить инструментарий.

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

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

Не удалась б: окончание хвоста изломанное, лёгкое, с очень острым срезом.

Бессистемно меняются форма и размер свисающих элементов, а также ширина плеча в строчных и прописных ДЦЩ дцщ.

Такой подход делает непригодными для применения и лёгкие, и насыщенные начертания. Помимо этого, левый штрих Дд и Лл слишком толстый, его форма не оптимальна.

Сплющенный, контрастный овал в прописной Э — в результате буква слишком отличается от других круглых знаков по характеру и пропорциям. Странная конструкция К: место соединения штрихов выглядит как техническая ошибка. Широкие некомпенсированные овалы Юю. Узкая З (а в паре ЮЗ также видны проблемы с кернингом). Сплющен овал Ы (те же проблемы в Ь и Ъ), а правый штрих стоит к нему слишком близко. Маленьким выглядит бреве над Й — диакритика не оптимизирована для использования с прописными.

Некоторые ошибки в кернинге (ЮЯ) — фатальны.

Недостаточное внимание уделено знакам украинского алфавита: проблемы с межбуквенными расстояниями и положением горизонтали в є, перекрывают друг друга акценты над ї.

Наш совет

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

К оглавлению

Михаил Шаранда

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

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

Практика Стилистически знаки неоднородны: в частности, n более геометрическая, чем о, — это сказывается на всех родственных n знаках.

Неидеально качество контуров: ломаными выглядят переходы из прямых сегментов в округлые, неоптимально распределение толщин в овалах. Прописные выглядят слишком лёгкими из-за нескомпенсированной толщины штрихов — в некоторых прописных она даже меньше, чем в строчных.

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

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

Есть чувствительные к регистру альтернативы, лигатуры, спецсимволы, знаки валют, пропорциональные и табличные цифры, базовые дроби.

Начертания Семь прямых начертаний от ExtraLight до ExtraBold плюс вариативный файл.

Качество рисунка лёгких начертаний вызывает дополнительные вопросы — очень темнят соединения арок и вертикалей (r, m, n), и, напротив, утоньшаются арки в местах перехода в прямые сегменты (n, u).

Кириллица Cоответствует латинице и тоже пытается быть усреднённой версией разных решений.

Прописная Ф — очень узкая во всех начертаниях. Конструктивно и строчная, и прописная Фф — неуверенный промежуточный вариант между двумя устоявшимися формами. Кк, И, Уу — везде появился обратный контраст, восходящие диагонали тяжелее нисходящих. Слишком короткий и лёгкий хвост б.

У строчной и прописной Зз слишком разные контраст и степень открытости — но обе темнят в месте соединения полуовалов. Мм — опять обратный контраст. Неоптимальна форма ноги Лл — прямая, далеко отставленная и резко сломанная в конце.

Такая же форма и левого штриха у Дд, а платформе справа не хватает ширины. У ц, напротив, свисающий элемент отъехал слишком вправо, а его длина недостаточна.

Во всех насыщенностях — очень короткий горизонтальный штрих Ъъ, а строчные щ и ц демонстрируют разную длину плеча.

Во всех начертаниях (кроме самых насыщенных) проблема с длиной горизонтального штриха Э — он слишком короткий.

Диакритика не учитывает буквосочетания в украинском языке — акценты над її частично перекрывают друг друга, а в получается неразбериха.

Наш совет

У Manrope неубедительная концепция и слабое исполнение — это плохой выбор для любой задачи.

В следующий раз мы будем рецензировать геометрические гротески.

Лучшие шрифты для улучшения опыта чтения

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

Итак, нужно учитывать, что нужно выбрать лучший шрифт для вашего проекта;

Мультимедиа: как будет отображаться шрифт, бумага, холст, онлайн, портативное устройство и т. Д. Вы хотите убедиться, что выбираете шрифт, соответствующий носителю, на котором он будет отображаться, например, блок Times New Roman Это может быть хорошо для печатного документа, но на экране (особенно на маленьком экране) блок Times New Roman может быть довольно трудным для чтения. Вы также хотите узнать, что доступно вам, если вы ограничены веб-шрифтами, здесь вам могут помочь такие ресурсы, как шрифты Google . (Из Википедии: «Веб-безопасные шрифты» Веб-безопасные шрифты — это шрифты, которые, вероятно, присутствуют в широком спектре компьютерных систем и используются авторами веб-контента для повышения вероятности того, что контент отображается в выбранном ими шрифте. Если посетитель веб-сайта у сайта нет указанного шрифта, его браузер пытается выбрать аналогичную альтернативу на основе указанных автором запасных шрифтов и родовых семейств или использует подстановку шрифтов, определенную в операционной системе посетителя. «)

Аудитория. Подумайте, кто это будет читать. Маленькому ребенку может быть лучше без шрифта на основе засечек или отдельной истории «а», а не двойной истории «а» . Однако, если бы это было, скажем, приглашение на свадьбу, то шрифты, такие как Edwardian Script, — это то, что очень популярно в этом контексте, потому что давайте посмотрим правде в глаза, чем больше засечек, тем декоративнее они лучше — по мнению некоторых невест;), хотя даже это декоративный материал используется в основном для заголовков, а не для всего контента. Как мудрый ол

Контраст / Цвет: Опять же, это то, что нужно учитывать с точки зрения вашего проекта. Конечно, вы не хотите слепить людей из-за ужасно высокого контраста или давать им морщины от косоглазия от чего-то, что имеет ужасно низкий контраст — эта часть очевидна. Но в зависимости от вашей цветовой схемы вы можете поиграть с настройками яркости и контрастности. Вы заметите , что GD.SE, например , не совсем черный и полностью белый (как спросил и ответил здесь ) — он имеет более низкую контрастность , чем, следовательно , это довольно просто посмотреть на этом сайте в течение очень длительного периода времени по сравнению чтобы смотреть на что-то с гораздо более высоким контрастом — ваши глаза устали бы!

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

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

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

Хорошая аналогия в том, что это как одеться, простая концепция, которая обсуждается здесь .

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

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

Надеюсь, я помог и не слишком много путешествовал, я немного увлечен правильным шрифтом 🙂 Удачи в вашем проекте.

40 Красивые и бесплатные тонкие шрифты

Эта страница может содержать ссылки на наших спонсоров или партнерские ссылки. Выучить больше.

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

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

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

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: 50 миллионов + шрифтов и элементов дизайна



ЗАГРУЗИТЬ СЕЙЧАС

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

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

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

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

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

\

Шампанское и лимузины представлены в обычных и жирных вариантах. (Бесплатно для личного использования. Требуется пожертвование для коммерческого использования.)

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

Cicle выпускается в нескольких различных вариантах, при этом, если вам нужны тонкие шрифты, можно использовать как fina, так и полувесы. (Бесплатно для личного или коммерческого использования.)

Raleway выпускается в девяти вариантах веса от тонкого до черного. Если вам нужен светлый шрифт, вам подойдет тонкий, легкий и сверхлегкий шрифт.(Бесплатно для личного или коммерческого использования.)

Lane бывает узкого стандартного (показано выше), верхнего стандартного и шикарного обычного. Узкий обычный, вероятно, будет использоваться наиболее часто, а два других варианта являются более новыми вариантами. (Бесплатно для личного или коммерческого использования.)

Sinkin Sans выпускается в девяти вариантах веса от тонкого до черного. Тонкий, светлый и светлый — три отличных варианта тонкого шрифта. (Бесплатно для личного или коммерческого использования.)

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

Печать явно выделяется обычным и жирным шрифтом, но обычная плотность довольно тонкая (показано выше). Есть также пунктирная версия обычного веса. (Бесплатно для личного или коммерческого использования.)

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

Walkway поставляется в четырех вариантах веса, а также в пяти вариантах веса наклонной версии. (Бесплатно для личного или коммерческого использования.)

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

Этот тонкий шрифт без засечек бывает шести различных размеров. (Бесплатно для личного использования. Требования для коммерческого использования не указаны.)

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

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

Colaborate выпускается в пяти вариантах плотности от тонкого до жирного. (Бесплатно для личного или коммерческого использования.)

Asenine — это закругленный шрифт без засечек с четырьмя различными вариантами.(Бесплатно для личного использования. Требования для коммерческого использования не указаны.)

BenvenoCF поставляется только одного веса. (Бесплатно для личного или коммерческого использования.)

Caviar Dreams — это современный шрифт, который в некоторой степени уникален (особенно строчная буква «е»). Он выделяется обычным и жирным шрифтом. (Бесплатно для личного или коммерческого использования.)

TC Sans предлагает четыре различных веса. (Бесплатно для личного или коммерческого использования.)

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

Облегченная версия Sofia Pro — отличный выбор. (Бесплатно для личного или коммерческого использования.)

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

Josefin Slab — еще один отличный продукт, который с пятью различными весами обеспечивает большую универсальность.(Бесплатно для личного или коммерческого использования.)

Nixie One — красивый плоский шрифт с засечками, который имеет только один вес. (Бесплатно для личного или коммерческого использования.)

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

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

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

Geo Sans — это закругленный шрифт, который имеет только один вес. (Бесплатно для личного использования. Требования для коммерческого использования не указаны.)

Flex Display — это в некоторой степени уникальный шрифт, имеющий одну толщину. (Бесплатно для личного или коммерческого использования.)

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

Afta Sans имеет только один вес. (Бесплатно для личного или коммерческого использования.)

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

Ashbury — красивый шрифт с засечками, имеющий всего одну толщину. (Бесплатно для личного или коммерческого использования.)

Disco — очень широкий шрифт с одним начертанием. (Бесплатно для личного или коммерческого использования.)

Open Sans Condensed предлагает как легкий, так и жирный шрифт.(Бесплатно для личного или коммерческого использования.)

Вывод:

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

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

Дополнительные бесплатные шрифты см .:

Лучшие современные и современные тонкие и сверхлегкие шрифты

Устали от Calibri, Arial, Times Roman и Helvetica, пора переходить к современным шрифтам.Ознакомьтесь с вашими вариантами современных тонких и сверхлегких шрифтов. Самое приятное то, что они абсолютно бесплатны от Google.

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

Топ 21 лучших современных и современных тонких и сверхлегких шрифтов

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

Если вы не знаете, как установить шрифты на MacOS или ПК с Windows, ознакомьтесь с нашими быстрыми шагами в нижней части этого сообщения.

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

Вы можете найти скриншоты различных шрифтов в конце этого списка.

  1. Advent Pro — Thin 100 и Extra Light 200
  2. Alegreya Sans SC — Тонкий 100
  3. Dosis — Дополнительный свет 200
  4. Exo 2.0 — тонкий 100 и сверхлегкий 200
  5. Exo — Extra Light 200 и Thin 100
  6. Gruppo — Обычный 400
  7. Heebo — тонкий 100
  8. Josefin Sans — Тонкий 100
  9. Канит — Тонкий 100 и Экстра легкий 200
  10. Лато — тонкий 100
  11. Megrim — Обычный 400
  12. Montserrat — Thin 100 и Extra Light 200
  13. Muli — Экстра светлый 200
  14. Rajdhani — Свет 200
  15. Raleway — Extra Light 200 и Thin 100
  16. Roboto — Тонкий 100
  17. Титиллиевая паутина — Extra Light 200
  18. Yanone Kaffeesatz — Экстра светлый 200
  19. Янтраманав — Тонкий 100
  20. Wire One — Обычный 400
  21. Work Sans — Thin 100 и Extra Light 200

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

1. Доступны Advent Pro

Thin 100 и Extra Light 200.

Страница шрифта: Advent Pro

2. Доступен Alegreya Sans SC

Thin 100.

Страница шрифта: Alegreya Sans SC

3. Доступна Dosis

Extra Light 200.

Страница шрифта: Dosis

4. Exo 2

Thin 100 и Extra Light 200 доступны.

Страница шрифта: Exo 2

5. Exo

Доступны Extra Light 200 и Thin 100.

Страница шрифта: Exo

6.Gruppo

Доступен стандартный 400.

Страница шрифта: Gruppo

7. Доступен Heebo

Thin 100.

Страница шрифта: Heebo

8. Josefin Sans

Тонкие 100 доступны.

Страница шрифта: Josefin Sans

9. Канит

Thin 100 и Extra Light 200 доступны.

Страница шрифта: Kanit

10. Lato

Тонкий 100 доступен.

Страница шрифта: Lato

11. Megrim

Доступен Regular 400.

Шрифт страницы: Megrim

12. Montserrat

Thin 100 и Extra Light 200 доступны.

Страница шрифта: Montserrat

13. Muli

Extra Light 200 доступен.

Страница шрифта: Muli

14. Rajdhani

Light 300 доступен.

Страница шрифта: Rajdhani

15. Raleway

Доступны Extra Light 200 и Thin 100.

Страница шрифта: Raleway

16. Доступен Roboto

Thin 100.

Страница шрифта: Roboto

17.Titillium Web

Доступен Extra Light 200.

Шрифт страницы: Titillium Web

18. Yanone Kaffeesatz

Extra Light 200 доступен.

Страница шрифта: Yanone Kaffeesatz

19. Yantramanav

Thin 100 доступен.

Шрифт страницы: Янтраманав

20. Wire One

Regular 400 доступен.

Страница шрифта: Wire One

21. Доступны Work Sans

Thin 100 и Extra Light 200.

Страница шрифтов: Work Sans

Установка шрифтов

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

На MAC:

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

Использование книги шрифтов:

  1. Дважды щелкните разархивированный файл шрифта, и книга шрифтов откроет предварительный просмотр
  2. Нажмите «Установить шрифт»

Ручная установка:

  1. Откройте Finder и щелкните меню «Перейти» в верхней части экрана.
  2. Находясь в меню «Перейти», нажмите и удерживайте клавиши «Alt / Option» и «Shift» на клавиатуре, чтобы открыть скрытую ссылку на папку «Библиотека».
  3. Перейдите в папку со шрифтами:
    / Users / Your_Username / Library / Fonts
  4. Перетащите разархивированные файлы шрифтов в эту папку.

Теперь ваш шрифт установлен.

На ПК

Как и на MAC, убедитесь, что ваши приложения закрыты. Вы не увидите вновь установленные шрифты, пока не откроете их повторно после выполнения следующих действий:

  1. Найдите загружаемый файл, обычно это ZIP-файл, содержащий шрифт.Разверните zip-архив, щелкнув правой кнопкой мыши, затем выберите Извлечь все.
  2. Щелкните правой кнопкой мыши файл шрифта и выберите Установить .

Установка вручную:

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

  1. Перейдите в поле поиска Кортаны на панели задач и введите Панель управления .
  2. Откройте панель управления , перейдите к Оформление и персонализация и щелкните Fonts в главном окне.
  3. После загрузки библиотеки шрифтов перетащите новый шрифт из места назначения в File Explorer в окно шрифтов.

Теперь ваш шрифт установлен.

Встраивание шрифтов в файл документа

Теперь, когда вы установили новые шрифты, использовать их в распечатках и в Интернете довольно просто. Другое дело, использовать его в документе для отправки по электронной почте кому-то другому. Если конкретный шрифт, используемый на вашем компьютере, недоступен на целевой машине, он не будет отображаться должным образом.Вам нужно будет выполнить следующие действия, чтобы встроить шрифты в файл, будь то PowerPoint, Word или Publisher. Вот инструкции для Word: Как встраивать шрифты в документ Microsoft Word.

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

Когда Интернет становится нечитаемым. Почему дизайнеры используют светлые шрифты… | Автор: Итан Медрано

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

Причина, по которой дизайнеры используют светлые шрифты, заключается в том, что текст будет немного более тонким. Возьмем, к примеру, типографику Google Material Design. Для больших текстовых дисплеев они используют «Roboto Light», чтобы ваш дизайн был немного красивым.

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

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

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

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

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

Но мы слишком смягчили и привели к минимальному контрасту, 7: 1. Этот коэффициент контрастности по-прежнему понятен пользователям, но его приятная привлекательность делает его безопасным для просмотра. Но, тем не менее, мы все больше и больше уменьшаем контраст.

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

Twitter объявляет о переходе на новый шрифт. (twitter.com/TwitterSupport)

Итак, вопрос:

Если что-то в порядке, нужно ли нам это менять?

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

Использование светлых шрифтов для контраста

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

35 вневременных неоновых шрифтов для электрификации вашего дизайна

Веселые, ностальгические и заметные на многие мили неоновые вывески заняли место в сердцах многих людей, которые выросли вместе с ними. Популярные в период с 1920-х по 1950-е годы, не только закусочные, мотели и рекламные щиты освещались этими светящимися газами.

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

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

Хотите реалистично смоделировать неоновую вывеску? Если это так, то Neon Desmon — довольно очевидный выбор в этом вопросе.Стиль разбитой трубы делает свет neno очень четким и визуально реалистичным.

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

Загрузить Flare

4. Hastron

В Hastron есть удивительно яркая атмосфера ночного клуба Neon, и если ее смешать с великолепным градиентным фоном, вы действительно кое-что поймете.

Скачать Hastron

5. Komplex

Classic Komplex — один из лучших. Помимо того, что он разделен на два штриха, он также создан для эстетики, при которой неон немного блекнет.

Скачать Komplex

6. Signyard Family

Вдохновленный старинными вывесками ресторанов и отелей, Albatross представляет вам эту вневременную семью дисплеев, которую вы можете легко настроить.Он также поставляется с 6 стилями, 4 слоями, символами и функциями OpenType, поэтому все необходимое всегда под рукой.

Загрузить Signyard Family

7. Selfie

Превратите эти простые фотографии в интересные винтажные коллекции, добавив этот шрифт, созданный Sproviero-Type . Под влиянием старинных надписей на вывесках, которые можно увидеть в Galerías из Buenos Aires , он очень декоративен и может поднять любое изображение на неожиданную высоту.

Загрузить Selfie

8. Caang

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

Загрузить Caang

9. Из Балхема в Бруклин

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

Загрузить Balham to Brooklyn

10. YASEMIN SCRIPT

Великолепный многоязычный шрифт с приятной предысторией, Bülent Yüksel демонстрирует уникальный стиль в этом семействе декоративных шрифтов, который хорошо сочетается с лозунгами, рекламой и т. Д. канцелярские товары и приглашения.

Скачать YASEMIN SCRIPT

11. Шрифт Lineat III

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

Скачать шрифт Lineat III

12. Neons Display Typeface

Скучаете по ревущим 80-м? Avalon Design представляет этот экранный шрифт с двумя шрифтами — Neons и Dotted — которые можно использовать вместе или по отдельности, чтобы воссоздать внешний вид той эпохи.

Загрузить шрифт Neons Display

13.Aerioz

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

Скачать Aerioz

14. Neon Font

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

Скачать шрифт Neon

15. Cosmopolitan

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

Скачать Cosmopolitan

16. Свалка богов

Вдохновленный историей Криса «Неонового человека» Брейси , Simon Stratford предлагает этот игривый шрифт, состоящий из прописных и строчных букв, 92 глифы и экшен Photoshop, чтобы ваши творения сияли.

Загрузить Gods Own Junkyard

17. Ночная жизнь

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

Загрузить Nightlife

18. Неоновые трубки

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

Загрузить Neon Tubes

19. Neon Type

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

Скачать Neon Type

20. PSD Neon Font

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

Скачать шрифт PSD Neon

21.Sidecar Sidecar

Разработанное Эмилем Бертеллом и опубликованное Fenotype , это элегантное семейство монолинейных шрифтов содержит 4 вида шрифтов Script и Sans, всего 8 великолепных шрифтов, которые вы можете смешивать и сочетать или использовать самостоятельно.

Загрузить Sidecar

22. Pipo Pipo

Этот минималистичный трафаретный шрифт от bb-bureau поставляется в 5 вариантах плотности (Тонкий, Светлый, Обычный, Средний и Полужирный), который по-прежнему остается читаемым даже если вы используете его в небольших размерах.

Скачать Pipo

23. Havelock Titling Havelock Titling

Если вам понравился оригинальный Havelock, то вам понравится этот вариант от XO Type Co . Он вводит новые веса, которые определенно расширят ваши горизонты дизайна!

Загрузить Havelock Titling

24. Neon Neon

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

Загрузить Neon

25. Сценарий Rainmaker Сценарий Rainmaker

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

Загрузить Rainmaker Script

26. Реалистичный шрифт Neon Light

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

Загрузить шрифт Realistic Neon Light

27. Набор шрифтов Neon Outline

Этот жирный шрифт без засечек, полностью заглавный, от Big Cat Creative — это набор, который включает 5 уникальных шрифтов — Regular, Solid, Outline, Shadow и Double — для всех ваших городских, современных или даже ретро-концепций.

Скачать комплект шрифтов Neon Outline

28. Дуэт шрифтов Palm Beach

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

Скачать шрифт Palm Beach Duo

29. Шрифт Meteoric Light

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

Скачать шрифт Meteoric Light

30.Neonblitz

Жирный, крупный буквенный шрифт в стиле ретро от Almarkhatype , он мгновенно осветит ваши творческие проекты!

Скачать Neonblitz

31. Neon Bines

Оживите свои проекты с помощью этого сладкого плавного шрифта с рукописным ощущением, созданного EKNOJI .

Скачать Neon Bines

32. La Patio

Этот монолинейный скрипт от Nasir Udin с несколькими альтернативами и росчерками источает веселье и игривость, с которыми вы не можете не играть!

Загрузить La Patio

33.Aurond

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

Скачать Aurond

34. Neon Party

Этот ностальгический шрифт для неоновых вывесок от BeastDesigner был тщательно создан вручную, чтобы превратить любой дизайн из «просто прекрасного» в «фантастический».

Загрузить Neon Party

35.HT Neon

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

Загрузить HT Neon

Световые шрифты: хорошо или плохо для пользователя | Мэтью Веприн — UX @ VMware

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

Что такое светлые шрифты?

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

Хорошее использование легких шрифтов

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

Плюсы легких шрифтов

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

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

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

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

Минусы светлых шрифтов

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

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

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

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

Легкие шрифты: хорошо или плохо?

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

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

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

Обнаружение светлых шрифтов в iOS

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

В моем случае есть несколько разных семейств шрифтов, которые мне нужно использовать в зависимости от того, жирный шрифт, курсив или светлый (например.г. тощий). Все они находятся в отдельных файлах, таких как «OpenSans-Semibold.ttf», «OpenSans-Italic.ttf» и «OpenSans-Light.ttf».

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

Для светлых шрифтов значение «traits» равно 0x0, поэтому флаги не устанавливаются.Есть ли другой способ обнаружить светлые шрифты?

Код выглядит так:

  - (void) setFontFamily: (UIView *) представление
{
    if ([просмотреть isKindOfClass: [класс UILabel]])
    {
        UILabel * label = (UILabel *) view;

        UIFontDescriptorSymbolicTraits traits = label.font.fontDescriptor.symbolicTraits;
        BOOL жирный = черты & UIFontDescriptorTraitBold;
        BOOL курсивом = черты & UIFontDescriptorTraitItalic;

        если (жирный)
            [label setFont: [UIFont fontWithName: @ Размер "OpenSans-Semibold": label.font.pointSize]];
        иначе если (курсив)
            [label setFont: [UIFont fontWithName: @ Размер "OpenSans-Italic": label.font.pointSize]];
        иначе если (свет)
            [label setFont: [UIFont fontWithName: @ Размер "OpenSans-Light": label.font.pointSize]];
        еще
            [label setFont: [UIFont fontWithName: @ Размер "OpenSans": label.font.pointSize]];
    }

    для (UIView * subView в view.subviews)
        [self setFontFamily: subView];
}
  

GT America — образец гарнитуры и покупка лицензии

языков латинского алфавита: афан, афар, африкаанс, албанский, эльзасский, амис, анута, арагонский, аранский, арумынский, аррернте, астурийский, атаял, аймара, азербайджанский, баскский, белорусский, Бемба, биколь, бислама, боснийский, бретонский, креольский язык Кабо-Верде, каталонский, кебуано, чаморро, чавакано, чичева, чикасо, кимбрийский, кофан, корнуоллский, корсиканский, крик, хорватский, чешский, датский, даван, дхоло, голландский, дреху Английский, эстонский, фарерский, фиджийский, филиппинский, финский, французский, фризский, фриульский, галисийский, ганда, генуэзский, немецкий, гикую, гуниянди, гренландский (Калааллисут), гваделупский креольский, гвичинский, гаитянский креольский, гавайский, Хилигайнонский , Венгерский, исландский, идо, игбо, илокано, индонезийский, ирландский, истро-румынский, итальянский, ямайский, яванский, Jèrriais, Kaingang, Kala Lagaw Ya, Kapampangan, Kaqchikel, Kashubian, Kikongo, Kinyarwanda, Кирибати, Кирунди, Курдиш , Латинский, латышский, литовский, ломбардский, нижнесаксонский, люксембургский rgish, масаи, махува, малайский, мальтийский, мэнский, маори, маркизский, меглено-румынский, Мериам Мир, мирандский, могавк, молдавский, монтанье, черногорский, муррин-патха, нагамский креольский, науатль, ндебеле, неаполитанский, ниполитанский Норвежский, окситанский, древнеисландский, древнескандинавский, осивамбо, палау, папьяменто, пьемонтский, польский, португальский, кекчи, кечуа, раротонга, румынский, ретороманский, ротокас, инари саами, луле саами, северные саамы, южные саамы, самоан , Санго, сарамакканский, сардинский, шотландский гэльский, сери, сейшельский креольский, шауни, шона, сицилийский, силезский, словацкий, словенский, сомалийский, верхний и нижний сорбский, северный и южный сото, испанский, срананский, сунданский, суахили, свази, шведский , Тагальский, таитянский, тетум, ток писин, токелауский, тонган, чилуба, цонга, тсвана, тумбука, турецкий, тувалуский, цоцил, венецианский, вепсский, выро, валлисский, валлонский, варай-варайский, варлпири, вайюйский, вайюский Мунгкан, Волоф, Хаванте, Коса, Япезе, Инджибарнди, Сапотек, Зарма, Зазаки, Зулу, Зуни

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

Другие доступные языки: греческий, вьетнамский

.

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *