Разное

Универсальные шрифты: Универсальные шрифты | TypeType

25.02.2023

Универсальные платные и бесплатные кириллические шрифты — Дизайн на vc.ru

Дизайн

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

4700 просмотров

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

Бесплатные шрифты

Dalton Maag

Большая и известная шрифтовая студия в Лондоне, которая сотрудничает с Google, Amazon, Intel и Nokia. Если зарегистрироваться на их сайте, можно скачать любой шрифт в тестовой версии.

Кириллица есть у этих шрифтов:

● Aktiv Grotesk
● Effra

Swiss Typefaces / Suisse

Лучшая современная реинкарнация Helvetica с кириллицей. Можно бесплатно скачать начертание Book — рекомендую. C этим шрифтом можно создавать дизайн всю жизнь.

Typefaces of the Temporary State

Классные шрифты от Романа Горницкого. Можно скачать тестовые версии. Wremena и Steinbeck точно подойдут, а с остальными — аккуратно.

● Wremena
● Steinbeck

Беспроигрышные варианты шрифтов, проверенные десятилетиями

● Charter
● Bodoni
● Didot (Didona)
● Newton
● New Baskerville
● Helvetica
● Neue Haas
● Akzidenz-Grotesk

Платные кириллические шрифты

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

● William
● Robert
● CoFo Sans (не раз использовали его в Bang Bang Education)

type. today
Проект, основанный двумя дизайнерами с журнальным бэкграундом. Илья Рудерман (выпускник Королевской школы дизайна в Гааге) был арт-директором агентства «РИА Новости». Юрий Остроменцкий работал арт-директором журналов «Большой город» и The New Times, делал журналы, книги и логотипы, например Lenta.ru, LiveJournal.com и Arzamas. Они создают интересные коллаборации с разными дизайнерами и публикуют в своем Instagram. У ребят много хороших шрифтов, отдельно отмечу:

● Graphik
● Navigo
● Austin
● Druk
● Kazimir

Paratype
Александра Королькова — шрифтовой и книжный дизайнер, типограф, теоретик шрифта и типографики, арт-директор шрифтовой студии Paratype. Лауреат премии имени Шарля Пеньо, автор книги «Живая типографика» и статей про шрифты:

● Circe

Swiss typefaces
Одна из моих любимейших словолитен. У них есть офис в швейцарском городе Веве и в Лондоне. Собственно, их шрифтом мы пользуемся в Bang Bang Education. Они, кстати, дают скидки студентам.

● Suisse
● SangBleu
● Euclid

Brown Fox
Маленькая шрифтовая студия, состоящая из двух человек: Гаянэ Багдасарян живет в Германии, а Вячеслав Кириленко — в Казахстане. Они создают узнаваемые и очень качественные шрифты с характером:

● Geometria
● Gerbera
● Brutal
● Aeroport
● Formular

Программа по графическому дизайну: сформировать портфолио и войти в профессию. Старт — 5 октября.

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

Универсальные шрифты для интернета

Admin Вёрстка

Сегодня выкладываю таблицу, которая показывает, какие шрифты можно использовать при вёрстке. Это так называемые безопасные шрифты. С ними вы можете быть уверены, что в любом браузере ваша страница отобразиться с буквами, а не с непонятными закорючками.
Кстати, это касается не только интернета, но и вообще всего, с чем работает Windows и Mac

Таблица универсальных шрифтов

Windows fonts / Mac fonts / Font family
Normal styleBold style
Arial, Arial, Helvetica, sans-serifArial, Arial, Helvetica, sans-serif
Arial Black, Arial Black, Gadget, sans-serifArial Black, Arial Black, Gadget, sans-serif
Comic Sans MS, Comic Sans MS5, cursiveComic Sans MS, Comic Sans MS5, cursive
Courier New, Courier New, Courier6, monospaceCourier New, Courier New, Courier6, monospace
Georgia1, Georgia, serifGeorgia1, Georgia, serif
Impact, Impact5, Charcoal6, sans-serifImpact, Impact5, Charcoal6, sans-serif
Lucida Console, Monaco5, monospaceLucida Console, Monaco5, monospace
Lucida Sans Unicode, Lucida Grande, sans-serifLucida Sans Unicode, Lucida Grande, sans-serif
Palatino Linotype, Book Antiqua3, Palatino6, serifPalatino Linotype, Book Antiqua3, Palatino6, serif
Tahoma, Geneva, sans-serifTahoma, Geneva, sans-serif
Times New Roman, Times, serifTimes New Roman, Times, serif
Trebuchet MS1, Helvetica, sans-serifTrebuchet MS1, Helvetica, sans-serif
Verdana, Verdana, Geneva, sans-serifVerdana, Verdana, Geneva, sans-serif
Symbol, Symbol (Symbol2, Symbol2)Symbol, Symbol (Symbol2, Symbol2)
Webdings, Webdings (Webdings2, Webdings2)Webdings, Webdings (Webdings2, Webdings2)
Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2)Wingdings, Zapf Dingbats (Wingdings2, Zapf Dingbats2)
MS Sans Serif4, Geneva, sans-serifMS Sans Serif4, Geneva, sans-serif
MS Serif4, New York6, serifMS Serif4, New York6, serif

Замечания


1 Georgia and Trebuchet MS связаны с Windows 2000/XP и включены в пак шрифтов IE

2 Symbolic отображается в Internet Explorer, в других браузерах он отображается так, как в скобках.
Впрочем, порой он отображается нормально не только в IE

3 Book Antiqua очень похож на Palatino Linotype, Palatino Linotype включен в Windows 2000/XP в тоо время как Book Antiqua — в Windows 98.

4 These fonts are not TrueType fonts but bitmap fonts, so they won’t look well when using some font sizes (they are designed for 8, 10, 12, 14, 18 and 24 point sizes at 96 DPI).

5 Эти шрифты работают в Safari но только когда используется normal стилем шрифа, и не работают с bold или italic стилями. Comic Sans MS работает bold и не работает italic.

6 Этот шрифт отображается в Mac OS X только если выполнена Classic установка шрифтов.

Универсальные гротескные

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

100: тонкий
200: сверхлегкий
300: легкий
400: обычный
500: средний
600: полужирный
700: полужирный
800: очень жирный
900: черный

Управляет визуальной шириной шрифта в пределах диапазона шрифта нормальной ширины.

Определяет x-высоту, которая представляет собой соотношение между высотой строчных и прописных букв.

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

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

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

Существует четыре варианта строчных букв: от классических до одноэтажных.

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

Выберите один или два этажа g. Если вы выбрали одну историю в нижнем регистре a, рассмотрите возможность выбора одной истории g для согласованности.

Выберите симметричную или асимметричную форму плеч. Это относится к строчным буквам «n», «h», «m», «u» и альтернативному «y».

Существует четыре варианта строчной буквы y: от сдержанного и классического до более игривого.

Выберите классические изогнутые клеммы или плоские клеммы с более выраженным переходом под углом 90 градусов. Этот выбор также применяется к альтернативному хвосту «J» в верхнем регистре, альтернативному «g» в нижнем регистре и хвосту «a» в нижнем регистре.

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

Есть два варианта выбора: заглавная буква «J» с вертикальным или горизонтальным окончанием.

Заглавная буква «Q» имеет четыре альтернативы, отличающиеся формой окончания.

Существует три варианта заглавной буквы «R», начиная от классических форм и заканчивая более современной альтернативой.

Выберите заглавную букву «G» со шпорой или без нее. Ответвление доступно только в том случае, если конечная ось установлена ​​менее чем на 25 градусов.

Заглавная буква «К» и строчная буква «к» имеют одинаковую конструкцию. Выбирайте конструкцию с двойным или одинарным соединением.

Есть два альтернативных стиля для числа «1» с прямым или изогнутым плечом.

Цифра «2» может быть двух видов: с изогнутым или прямым стержнем.

Цифра «3» может иметь два альтернативных стиля: изогнутая или прямая верхняя часть.

Цифра «7» может быть двух видов: с изогнутым или прямым стержнем.

Существует три альтернативных стиля для цифр «6» и «9» с изогнутыми или прямыми выводами.

Выберите из круглых или квадратных точек. Это также повлияет на другие знаки препинания, символы и диакритические знаки.

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

Вы можете выбрать выделенную курсивом версию строчной буквы «а», которую вы выбрали в разделе 2, или вы можете выбрать строчную букву «а», которая часто заменяется курсивом, поскольку она имитирует почерк.

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

Вы также можете добавить имя подсемейства (отображение, заголовок, текст, подпись и т. д.), которое будет применяться ко всему семейству. Если вам нужно несколько подсемейств, скопируйте URL-адрес и повторите процесс покупки, используя новое имя подсемейства.

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

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

Дополнительную информацию о лицензировании см. в лицензионном соглашении.

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

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

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

Существует пять типов лицензий, которые охватывают наиболее распространенные виды использования. Они рассчитываются как:

Рабочий стол | Формат .TTF
Численность персонала компании или организации.

Интернет | Форматы .TTF и .WOFF
Количество посетителей сайта в месяц.

Социальный | Формат .TTF
Количество подписчиков на канале в социальной сети.

Приложение | Формат .TTF
Количество загрузок приложения.

Трансляция | Формат .TTF
Количество континентов, на которых контент будет транслироваться или передаваться в потоковом режиме.

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

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

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

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

Дальнейшие разъяснения условий лицензии см. в лицензионном соглашении в правой части информационной панели.

Общие шрифты для всех версий эквивалентов Windows и Mac (шрифты, безопасные для браузера)

Общие шрифты для всех версий эквивалентов Windows и Mac (шрифты, безопасные для браузера) — советы и рекомендации по веб-дизайну

Последнее обновление: 03.06.2008

Вернуться на главную страницу

Введение

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

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

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

Список

Сначала несколько вводных замечаний:

  • Названия, выделенные серым цветом, представляют собой общее семейство каждого шрифта.
  • В некоторых случаях эквивалентом для Mac является тот же шрифт, поскольку Mac OS X также включает некоторые шрифты, поставляемые с Windows.
  • Примечания внизу содержат конкретную информацию о некоторых шрифтах.
Шрифты Windows / шрифты Mac / Семейство шрифтов
Обычный стиль Жирный шрифт
Arial, Arial, Helvetica, без засечек Arial, Arial, Helvetica, без засечек
Arial Black, Arial Black, Gadget, без засечек Arial Black, Arial Black, Gadget, без засечек
Comic Sans MS, Comic Sans MS 5 , скоропись Комик Санс MS, Комик Санс MS 5 , курсив
Courier New, Courier New, моноширинный Courier New, Courier New, monospace
Грузия 1 , Грузия, с засечками Грузия 1 , Грузия, с засечками
Ударный, Ударный 5 , Древесный уголь 6 , без засечек Удар, Удар 5 , Древесный уголь 6 , без засечек
Консоль Lucida, Монако 5 , моноширинный Консоль Lucida, Монако 5 , моноширинный
Lucida Sans Unicode, Lucida Grande, без засечек Lucida Sans Unicode, Lucida Grande, без засечек
Палатино Линотип, Book Antiqua 3 , Палатино, с засечками Palatino Linotype, Book Antiqua 3 , Palatino, serif
Тахома, Женева, без засечек Тахома, Женева, без засечек
Times New Roman, Times New Roman, Times, с засечками Times New Roman, Times New Roman, Times, с засечками
Требюше MS 1 , Требюше MS, без засечек Требюше MS 1 , Требюше MS, без засечек
Вердана, Вердана, Женева, без засечек Вердана, Вердана, Женева, без засечек
Символ, Символ (Символ 2 , Символ 2 ) Символ, Символ (Символ 2 , Символ 2 )
Вебдинги, Вебдинги (Ленты 2 , Ленты 2 ) Ленты, Вебдинги (Ленты 2 , Ленты 2 )
Wingdings, Zapf Dingbats (Wingdings 2 , Zapf Dingbats 2 ) Wingdings, Zapf Dingbats (Wingdings 2 , Zapf Dingbats 2 )
MS без засечек 4 , Женева, без засечек MS Sans Serif 4 , Женева, без засечек
MS Serif 4 , Нью-Йорк 6 , с засечками MS Serif 4 , Нью-Йорк 6 , с засечками

1 Georgia и Trebuchet MS поставляются вместе с Windows 2000/XP и также включены в пакет шрифтов IE (и в комплекте с другими приложениями MS), поэтому они довольно распространены в системах Windows 98.

2 Символические шрифты отображаются только в Internet Explorer, в других браузерах вместо этого используется замена шрифта (хотя шрифт Symbol работает в Opera и Webdings). работает в сафари).

3 Book Antiqua — это почти тот же шрифт, что Palatino Linotype, Palatino Linotype входит в состав Windows 2000/XP, а Book Antiqua входит в состав Windows 98.

4 Эти шрифты не являются шрифтами TrueType, а растровыми, поэтому хорошо смотрятся при использовании некоторых размеров шрифта (они рассчитаны на 8, 10, 12, 14, 18 и 24 пункта размеры на 96 точек на дюйм).

5 Эти шрифты работают в Safari, но только при использовании обычного стиля шрифта, а не полужирным шрифтом или курсивом. Comic Sans MS работает жирным шрифтом, но не курсивом. Другой Mac браузеры, похоже, правильно эмулируют стили, не предусмотренные шрифтом (спасибо Кристиану Фекто за подсказку).

6 Эти шрифты присутствуют в Mac OS X, только если Classic установлен (спасибо Julian Gonggrijp за исправления).

Как шрифты выглядят в разных системах и браузерах

  • Mac OS X 10.4.8, Firefox 2.0, включено сглаживание шрифтов (спасибо Juris Vecvanags за снимок экрана)
  • Mac OS X 10.4.4, Firefox 1.5, сглаживание шрифтов включено (спасибо Эрику Завески за снимок экрана)
  • Mac OS X 10.4.11, Safari 3.0.4, включено сглаживание шрифтов (спасибо Нолану Гладиусу за снимок экрана)
  • Mac OS X 10.4.4, Safari 2.0.3, включено сглаживание шрифтов (спасибо Эрику Завески за снимок экрана)
  • Windows Vista, Internet Explorer 7, ClearType включен (спасибо Michiel Bijl за снимок экрана)
  • Windows Vista, Firefox 2.0, ClearType включен (спасибо Michiel Bijl за снимок экрана)
  • Windows XP, Internet Explorer 6, ClearType включен
  • Windows XP, Firefox 1.0.7, ClearType включен
  • Windows XP, Internet Explorer 6, базовое сглаживание шрифтов включено
  • Windows XP, Firefox 1.0.7, базовое сглаживание шрифтов включено
  • Windows 2000, Internet Explorer 6, базовое сглаживание шрифтов включено
  • Windows 2000, Firefox 1.

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

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