regular bold italic что это
Regular bold italic что это
Добавлю, что если правильно помню, Roman — это атрибут стиля (рисунка) шрифта, а Regular — атрибут веса. Далее подробнее, прикладываю картинки тоже.
По стилю начертания могут быть:
• Roman — привычный нам рисунок основанный на Римской капители. Вспоминаем надписи на фронтоне какого-нибудь Римского здания. Строчные буквы далее смешались с подобными Римскими и получился привычный нам прямой набор.
Показать полностью.
• Italics — появившийся в Италии в эпоху Ренессанса стиль, имитирующий калиграфию и ручную письменность за счёт наклона, лигатур, декор. элементов и подобных штук. В английском называем в честь страны происхождения, но в русском называем «курсив», что не совсем точно, т. к. есть отельное ответвление курсивных шрифтов, которые ещё сильнее похоже на ручную письменность.
По весу (насыщенности) начертания могут быть:
• Regular — привычный нам набор
• Bold — полужирный или жирный, при этом в русском языке мы «полужирным» можем называть Bold, и могут возникать сложности при работе с промежуточными весами, как-то так сложилось (спасибо MS Word), я предпочитаю называть Bold «жирным», и соответственно Semibold — «полужирным».
• Book — насколько я видел, бывает как дополнительный вес между Light и Regular, который иногда нужен для набора больших объёмов текста. Иногда рисунок шрифта и толщина штриха в Regular может хорошо подходить для небольшого набора, но в крупных абзацах (например, на странице книги) быть слишком «чёрным» и создаётся промежуточный вес «чуть-чуть полегче», чтобы снизить вес всего текстового блока. Light как вес чаще всего слишком тонкий для больших наборов, и для таких целей вводят промежуточный Book. Аналогичная история с периодически встречающимся весом Medium.
На последок, отмечу, что автор гарнитуры может называть начертания и веса как ему захочется и какого-либо стандарта наменклатуры нет. Все ориентируются «друг на друга», а коммерческие гарнитуры часто имеют миллион весов на всякий случай для гибкости вёрстки. Я часто сталкиваюсь, что понравилась гарнитура, хочу взять в проект, но мне не хватает какого-нибудь Semibold или Medium (например, я ими выделяю ссылки в интерфейсах), а Bold — слишком цветной для повсеместного использования.
Как-то так, надеюсь было полезно
11 бесплатных шрифтов с кириллицей
1. Arimo
Дизайнер: Стив Мэттэсон – увлеченный дизайнер из штата Колорадо. Более 25 лет Мэттэсон разрабатывает шрифты, самыми крупными проектами стали дизайны для Android, Citrix, Microsoft, Nextel и Xbox.
Типы: Regular, Regular Italic, Bold, Bold Italic
Лицензия: Apache License, Version 2.0
Скачать шрифт
Arimo – без засечек, разработанный специально для работы с Arial. Шрифт слегка сжат по ширине. При небольшом кегле буквы тонкие и классические. Изящные черты достигаются при увеличении размера символов. Шрифт адаптирован для чтения на экране и отлично подойдет для документов на разных платформах.
2. PT Sans
Дизайнер: Дизайнеры Александра Королькова, Ольга Умпелева и Владимир Ефимов.
Типы: Regular, Regular Italic, Bold, Bold Italic
Лицензия: Open Font License
Скачать шрифт
Разработка PT Sans – часть проекта, посвященного 300-летию реформы русского алфавита. Шрифт имеет базовые очертания и классические пропорции. Он распространяется бесплатно, но может быть включён в коммерческие проекты. PT Sans предназначен для официальной и деловой переписки, нормативно-технической документации, обслуживает печатные издания и информационные ресурсы. Хорошо смотрится в печатном и электронном варианте.
3. Vollkorn
Дизайнер: Фридрих Альтаузен – немецкий графический дизайнер.
Типы: Regular, Regular Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Black, Black Italic
Лицензия: Open Font License
Скачать шрифт
Vollkorn имеет крупные, брусковые засечки без скругления. Шрифт меняет свои очертания в зависимости от размера, но всегда смотрится заметно. Его удобно использовать как в теле текста, так и для выделения отдельных фрагментов или заголовков. Как первый проект дизайнера Фридриха Альтаузена шрифт предназначен для ежедневного написания и имеет открытую лицензию.
4. Noto Sans
Типы: Regular, Regular Italic, Bold, Bold Italic
Лицензия: Apache License, Version 2.0
Скачать шрифт
Google разработал Noto как универсальное семейство, которое призвано избавить интернет от нечитаемых символов – маленьких прямоугольников, которые встречал каждый. На данный момент шрифт поддерживает латинские, кириллические и греческие символы и охватывает более 30 скриптов.
Шрифт происходит от Droid, о котором мы писали ранее, не имеет засечек и визуально совместим высотой и толщиной штрихов с разными языками. Отлично подходит для использования в интернете.
5. Fira Sans
Дизайнер: Компания Carrois Apostrophe. Студия работает над корпоративными шрифтами. С 1975 года дизайнеры разработали стиль для Suzuki, TYPO3, the Neue National Galerie, and the Museo de Art de Ponce и других.
Типы: Thin, Thin Italic, Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Regular Italic, Semi-Bold, Semi-Bold Italic, Bold, Bold Italic, Black, Black Italic
Лицензия: Open Font License
Скачать шрифт
Fira Sans – шрифт с классическими очертаниями, без засечек. Такой тип подойдет для написания основного текста, так как подходит для широкого диапазона экранов телефонов. Разработчики предъявили большие требования к разборчивости символов и рендерингу.
6. Certa Sans
Дизайнер: Глен Жан – российский дизайнер из Уфы.
Типы: Thin, Thin Italic, Extra-Light, Extra-Light Italic, Light, Light Italic, Regular, Italic, Medium, Medium Italic, Bold, Bold Italic, Extra Bold, Black, Black Italic
Лицензия:Creative Commons Attribution-NoDerivs License (CC BY-ND)
Скачать шрифт
Certa Sans – шрифт без засечек в 16 начертаниях. Бесплатно доступны два начертания: Medium и Medium Italic, остальные стоят 25$ за тип. Шрифт без засечек, формы грубые, машинные. Certa Sans подойдет для набора большого объема текста.
7. Museo Cyrillic
Дизайнер: Голландская компания exljbris Font Foundry предлагает свои услуги по созданию шрифтов более 15 лет.
Типы: Museo Cyrillic 100, Museo Cyrillic 100 Italic, Museo Cyrillic 300, Museo Cyrillic 300 Italic, Museo Cyrillic 500, Museo Cyrillic 500 Italic, Museo Cyrillic 700, Museo Cyrillic 700 Italic, Museo Cyrillic 900, Museo Cyrillic 900 Italic
Скачать шрифт
Museo Cyrillic – еще один шрифт из семейства Museo, знаменитого своими засечками. Оригинальное начертание делает его акцентивным. Museo Cyrillic сможет выделить заголовок или важную цитату, привлекая внимание засечками необычной формы. За счет мелких деталей не рекомендуется для использования в теле текста. Бесплатно начертание Museo Cyrillic 500.
8. Casper
Дизайнер: Михаил Череда – молодой российский дизайнер из Екатеринбурга.
Типы: Italic, Regular, Bold, Bold Italic
Лицензия: SIL OFL 1.1
Скачать шрифт
Создатель позиционирует шрифт как акцидентный. Особенностью Casper является наличие декоративных элементов в конструкции букв и знаков. Шрифт не имеет засечек, символы легкие, подвижные. Дизайнер представил два вида написания цифр и добавил в гарнитуру широкий набор символов: ординалы, лигатуры, глифы, валютные и математические знаки. Casper подходит для импользования в рекламных буклетах, цитатах, крупных заголовках.
9. Geometria
Дизайнер: Гаянэ Багдасарян, Вячеслав Кириленко
Типы: Thin Italic, Thin, Medium Italic, Medium, Light, Light Italic, Italic, Regular, Heavy Italic, Heavy, Extra Light Italic, Extra Light, Extra Black Light, Extra Black, Bold, Bold Italic
Скачать шрифт
Шрифт Geometria соответствует названию и имеет точные, строгие формы. Интересную деталь имеют прописные буквы: их талия слегка завышена. Geometria – это нескучно, шрифт подойдет для визиток, презентаций, календарей или интерфейсов. Бесплатно начертание Geometria Light.
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.
Лицензия:Open Font License
Скачать шрифт
Raleway – представитель акцидентных шрифтов, предназначенный для использования в заголовках.
11. Open Sans
Дизайнер: Стив Мэттэсон – дизайнер из штата Колорадо. Более 25 лет Мэттисон разрабатывает шрифты.
Типы: Light; Light Italic; Regular; Regular Italic; Semi-Bold; Semi-Bold Italic; Bold; Bold Italic; Extra-Bold; Extra-Bold Italic.
Лицензия: Apache License, Version 2.0
Скачать шрифт
Open Sans – шрифт с простыми формами без засечек. Начертание букв плавное и широкое. Пакет оптимизирован для печатных, веб и мобильных интерфейсов.
Подборку подготовила копирайтер Логомашины — Алена Коваленко
Практический взгляд на базовые термины и анатомию шрифтов
Учимся называть “палочки” штрихами и понимать, на что влияют засечки и заплечики
В этой статье я кратко изложу основы анатомии шрифта, которые пригодятся любому уважающему себя дизайнеру, и с особым вниманием остановлюсь на том, зачем ему все это надо.
Шрифт — один из базовых «голосов» графического дизайна наравне с цветом, формой и т.д. Это то, как говорит ваш дизайн. И как он будет это делать в каждый конкретный момент взаимодействия с пользователем, полностью зависит от вас. Кричать навязчивым фальцетом или нашептывать мягким баритоном, помогать воспринимать информацию или мешать, работать с брендом сообща, усиливая эмоциональное восприятие, или безлико информировать.
Вы можете продолжать работать на интуитивном уровне (и большинство дизайнеров так и делает), никто не мешает вам использовать любой попавшийся шрифт в любой конфигурации, не задумываясь о начертаниях, контрастности, динамике или кегле, пользователи прочитают, если очень захотят. Возможно. А возможно и не прочитают. Но если вы действительно хотите перейти из категории любитель в категорию профессионал, вам важно научиться работать со шрифтами осознанно и уметь аргументировать любое свое решение. Ну или почти любое (воодушевляющая музыка на фоне оборвалась). Хотя пусть будет любое. Немного пафоса не повредит.
Если вы хотите перейти из категории любитель в категорию профессионал, вам важно научиться действовать осознанно и уметь аргументировать свое решение.
Итак, разберемся для начала в терминологии, основных каверзных вопросах и научимся, черт возьми, называть “палочки” шрихами.
Терминология
Мы часто используем слово “шрифт” в разных ситуациях. Давайте по порядку, есть шрифт, а есть гарнитура.
Шрифт (Font) — это определенное начертание в рамках гарнитуры, а также соответствующий файл. Arial Regular, Gotham Bold, Merriweather Bold — это шрифты разных гарнитур.
Семейство шрифтов (Font Family) — это набор начертаний в рамках одной гарнитуры. В рамках гарнитуры Arial есть целое семейство шрифтов — Arial Regular, Arial Bold, Arial Italic и т.д.
Итак, гарнитурой называют общий характер, шрифтом — одно из начертаний и собственно шрифтовой файл, а когда говорят о семействе шрифтов, подразумевают совокупность начертаний, т.е. гарнитуру, у которой не одно начертание, можно называть семейством.
На практике, когда вы говорите о шрифтах в широком смысле слова, акцентировать внимание на том, что вы имеете в виду “гарнитуры”, нет особой необходимости, контекста достаточно. Но когда вы обсуждаете макет, слово “шрифт” лучше не использовать, чтобы не вводить коллег в заблуждение. Рекомендую либо оперировать понятием “гарнитура”, когда имеете в в виду Arial/Helvetica, либо понятием “начертание”, когда подразумеваете Regular/Bold.
Перейдем к составляющей шрифта, букве. Ее тоже можно назвать по-разному: буква, графема, глиф — есть ли здесь критическая разница?
Буква — это графический знак как часть алфавита, который сам по себе или в сочетании с другими знаками используется для обозначения на письме звуков, фонем и их типичных комбинаций.
Графема — более общее понятие. Графема представлена буквой если письменность строится на алфавите, или иероглифом в неалфавитных системах письма. Говоря о графеме, мы абстрагируемся от стиля и характера отдельных гарнитур, а имеем в виду сугубо то, чем фундаментально графема “А” отличается от графемы “Б”, как знак. Т.е. вы никогда не спутаете графему буквы “А” с графемой буквы “Б”.
Собственно шрифт состоит из глифов — векторных форм каждой буквы или символа. Например, Open Sans, один из самых популярных веб-шрифтов, содержит 897 глифов, включая латинские, греческие и кириллические символы.
Одна и та же графема может иметь несколько глифов как ее графических воплощений, которые могут отличаться как функционально (строчные, капительные, прописные, курсивные), так и даже просто по форме (альтернативные).
Итак, теперь вы знаете разницу между шрифтом, гарнитурой и семейством, а также графемой, буквой и глифом, а значит в разговоре с профессионалами не ударите в грязь лицом.
Уже горжусь вами. Двигаемся дальше.
Обратимся к букве, из каких элементов она состоит и как их грамотно называть.
Анатомия буквы, на что влияют детали
Разобравшись, из чего состоит буква, вы научитесь распознавать, что именно влияет на итоговый вид шрифта и то, как он воспринимается, а значит сознательнее подойдете к выбору шрифта в вашей следующей работе.
Итак, на картинке ниже вы найдете весь набор ингредиентов:
Из них значимыми для вас как для дизайнера-не-шрифтовика являются не все, рекомендую запомнить засечки, основные и соединительные штрихи, а также выносные и свисающие элементы. Итак, как именно эти элементы работают на практике и зачем вам обращать на них внимание.
Считается, что засечки заметно улучшают восприятие буквенного знака, даже если они слабо видимы. Именно поэтому в печатных изданиях дизайнеры предпочитают использовать шрифты с засечками. Помните об этом, когда подбираете шрифт для длительного чтения, в том числе в цифровом дизайне.
Соотношение между основным и соединительным штрихами определяет контрастность шрифта. Гарнитуры шрифтов с выраженным контрастом штрихов наиболее удобочитаемы. Исключением являются случаи, когда контраст выражен слишком ярко и соединительный штрих становится чересчур тонким. Неконтрастный шрифт (например, в гротесках) лучше воспринимается при чтении отдельных слов и выделений.
Обратите внимание на свисания. Любопытно, что несмотря на то, что оптически высота строчных букв одинаковая, технически это не так. Некоторые округлые буквы — например, “о”, “с” и другие — слегка заходят за baseline и x-height, чтобы визуально при печати иметь ту же высоту, что и другие буквы. Эти выступающие части и называют свисаниями.
Есть еще так называемый внутрибуквенный просвет, или контрформа. Это закрытые пространства внутри букв, таких как например “о”, “ь”, “р” и других. Эти пространства помогают глазу распознать характерные особенности шрифта. Чем больше внутрибуквенный просвет, тем лучше (при прочих равных условиях) читается буквенный знак.
Дизайнер-модернист Массимо Виньелли, культовая фигура XX века, очень здорово описал значимость формы и контрформы в типографике в фильме про Гельветику (кстати, очень рекомендую посмотреть, полтора часа времени не потраченного впустую):
“Мы думаем, что шрифт черно-белый. На самом деле он белый, вовсе не черный. Именно белое расстояние между черным и составляет шрифт. Это своего рода музыка. Не ноты, а расстояние между нотами создает музыку.”
Про Массимо много написано, он оставил миру очень вдохновляющие идеи и мысли, почитайте как-нибудь для вдохновения.
Линии (метрики) шрифта
Помните тонкую серую рамку вокруг текстового слоя в Sketch или любом другом графическом редакторе?
Почему она именно такого размера, что включает это белое пространство вокруг букв?
Внутри каждого шрифта есть встроенные шрифтовые метрики. Буквы со всеми своими выносными элементами и акцентами упорядочены на пяти базовых линиях шрифта, они же называются метриками (если хотите произвести впечатление). Здесь вам нужно помнить о самой главной базовой линии (baseline), по которой выстраиваются собственно буквы. Также есть линия прописной буквы (x-height), линии верхнего и нижнего выносных элементов (ascender и descender), а также линия заглавной буквы (cap height). И да, ascender может совпадать с cap height, а может быть ниже или даже выше.
Все вместе эти метрики в сумме с заплечиками образуют кегельные площадки для каждой буквы, высота которых и является тем самым кеглем (размером) шрифта в пунктах. Спокойно, заплечики — это всего лишь дополнительное пространство над и под выносными элементыми, которое не позволяет им в разных строках соприкасаться друг с другом (когда вы увеличиваете или уменьшаете высоту строки, вы регулируете высоту заплечиков).
Высоту строки дизайнеры называют интерлиньяжем — это расстояние от базы до базы, т.е. от базовой линии одной строки до базовой линии следующей. Число, которое вы регулируете в редакторе, — это он и есть, интерлиньяж.
“Так что там с рамкой-то в Sketch?” — спросите вы. Чтобы определить размер рамки, которая отображается вокруг текстового слоя на холсте, Sketch учитывает все выше перечисленные метрики вместе с заплечиками, т.е. высоток строки. Именно поэтому высота рамки не совпадает с высотой букв.
Второй интересный момент. Часто в дизайнеров возникает необходимость разместить в одной строке два текстовых блока разных по кеглю и/или по гарнитуре. Графические редакторы автоматически выравняют их по границам их текстовых рамок. Но baseline этих блоков в таком случае могут не совпасть (левая колонка “don’t” на примере ниже). Как быть?
Этот тот случай, когда при принятии решения дизайнеру нужно опираться на оптический результат, нежели на технический. Нужно вручную сдвинуть текстовый слой второго блока так, чтобы baseline совпали (правая колонка “do” на примере ниже).
Когда вам необходимо поместить рядом два текстовых слоя отличных по кеглю и/или гарнитуре, позаботьтесь о том, чтобы они были выронены по baseline, а не по границам рамок.
Бонус: немного о цифрах
Вы уже думали все? Но нет, еще немного ценного материала.
В типографике используются арабские и римские цифры. Если в наборе гарнитуры есть капитель, лучше римские цифры набирать ей.
Арабские цифры бывают двух видов: маюскульные и минускульные.
Маюскульные цифры все одного роста c прописными и моноширинные, поэтому их удобно использовать вне текста, в таблицах.
На самом деле, пользователи не увидят особой разницы в том, какой шрифт вы использовали, с засечками или без, учитывали ли контрастность, им без разницы воспользовались ли вы Arial или Open Sans, выровняли ли шрифты по baseline вручную или воспользовались автоматическим выравниванием. Но есть то, что будет незаметно для них самих влиять на их восприятие,— удобочитаемость, простота считывания, эмоциональный опыт. Хороший визуальный дизайн — это сила, многократно усиливающая хороший UX.
Вникайте в детали, вчитывайтесь в длинные тексты, разбирайтесь и растите. В общем, делайте дизайн качественно — и коллективный дизайнерский разум скажет вам спасибо. Молодцы, что дочитали. Всем добра!
Любите то, чем занимаетесь, и занимайтесь тем, что любите.
Ваша Alexandra Kulikovskaya
Шрифт / Новые шрифты
Regulator Cameo
Скачать шрифт Regulator Cameo без регистрации, прамая ссылка на шрифт Regulator-Cameo.otf, версия 001.001, размер файла 14.79 Кбайт
Regulator-Cameo
Скачать шрифт Regulator-Cameo без регистрации, прамая ссылка на шрифт Regulator-Cameo[1].otf, версия 001.000, размер файла 29.36 Кбайт
Regulator-Medium
Скачать шрифт Regulator-Medium без регистрации, прамая ссылка на шрифт Regulator-Medium.otf, версия 001.000, размер файла 24.02 Кбайт
Regulator Bold
Скачать шрифт Regulator Bold без регистрации, прамая ссылка на шрифт Regulator-Bold.otf, версия 001.001, размер файла 25.54 Кбайт
Regulator
Скачать шрифт Regulator без регистрации, прамая ссылка на шрифт REGULATO.TTF, версия Macromedia Fontographer 4.1.3 6/15/02, размер файла 178.89 Кбайт
Regulator-BoldItalic
Скачать шрифт Regulator-BoldItalic без регистрации, прамая ссылка на шрифт Regulator-BoldItalic.otf, версия 001.000, размер файла 24.82 Кбайт
Regulator-Bold
Скачать шрифт Regulator-Bold без регистрации, прамая ссылка на шрифт Regulator-Bold[1].otf, версия 001.000, размер файла 25.48 Кбайт
Regular SemiBold Italic
Скачать шрифт Regular SemiBold Italic без регистрации, прамая ссылка на шрифт Regular-SemiBoldItalic.otf, версия 001.001, размер файла 51.44 Кбайт
Regular SemiBold
Скачать шрифт Regular SemiBold без регистрации, прамая ссылка на шрифт Regular-SemiBold.otf, версия 001.001, размер файла 50.80 Кбайт
Regular Semibold
Regular Semibold Italic
Regular Regular Italic
Regular Regular Italic
Скачать шрифт Regular Regular Italic без регистрации, прамая ссылка на шрифт Regular-RegularItalic.otf, версия 001.001, размер файла 51.14 Кбайт
Regular Medium Italic
Скачать шрифт Regular Medium Italic без регистрации, прамая ссылка на шрифт Regular-MediumItalic[1].otf, версия 001.001, размер файла 50.83 Кбайт
Regular Medium Italic
Regular Medium
Скачать шрифт Regular Medium без регистрации, прамая ссылка на шрифт Regular-Medium[1].otf, версия 001.001, размер файла 49.59 Кбайт
Regular Regular
Скачать шрифт Regular Regular без регистрации, прамая ссылка на шрифт Regular-Regular.otf, версия 001.001, размер файла 49.18 Кбайт
Regular Regular
Regular Light Italic
Скачать шрифт Regular Light Italic без регистрации, прамая ссылка на шрифт Regular-LightItalic[1].otf, версия 001.001, размер файла 50.52 Кбайт