Open Sans

Digitized data copyright © 2010-2011, Google Corporation.

Open Sans Family

Ascender — Open Sans Build 100

Полное название шрифта:

Open Sans is a trademark of Google and may be registered in certain jurisdictions.

Licensed under the Apache License, Version 2.0

Вы можете скачать шрифт Open Sans абсолютно бесплатно, без регистрации. Шрифт принадлежит к семейству Open Sans Family, начертание Regular. Изготовителем шрифта является Open Sans is a trademark of Google and may be registered in certain jurisdictions.. Шрифт размещен автором в открытом доступе и может применяться бесплатно в любых целях. Однако, если вы собираетесь использовать данную гарнитуру в коммерческих целях, и сомневаетесь в правах на использование, — рекомендуем связаться с автором и уточнить тип лицензии.

Шрифт принадлежит к категориям: Русские шрифты, Шрифты без засечек
Размер файла — 212.27 KB.

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

Версия шрифта содержит полный набор символов 897, который включает в себя стандартные ISO Latin, Latin CE, греческие и кириллические наборы символов. Open Sans был разработан с вертикальным напряжением, открытыми формами и нейтральным, но дружелюбным внешним видом. Он был оптимизирован для печатных, веб и мобильных интерфейсов. Имеет отличные текстовые характеристики в своих буквенных формах.

Open sans – шрифт нового поколения. Он разрабатывался специально для удобочитаемости на различных цифровых мониторах и гаджетах. Вышедшее в 2010 году семейство сразу завоевало доверие дизайнеров и вебмастеров по всему миру. Гарнитура оказалась настолько универсальной и удобной, что ее начали использовать повсеместно. Не знаете, какой шрифт использовать на сайте, чтобы не ошибиться? Используйте Open Sans, и вас никто не посмеет осудить в вашем выборе.

Существует пять основных начертаний: light, regular, semibold (полужирный), bold, extrabold. Если для размещения текста мало места – вам поможет начертание Condensed. Начертание имеет минимально допустимые кернинг и интерлиньтяж, что делает его максимально компактным без ухудшения читабельности.

Стив Меттисон — дизайнер шрифтов, живет Луисвилле, штат Колорадо. Управляет большой командой разработчиков для Monotype. Имея за плечами более 25 лет в бизнесе, он разработал корпоративные гарнитуры для Android, Citrix, Microsoft, Nextel и Xbox. Стив часто изучает и читает лекции о работе типографа Фредерика Гуди, и в значительной степени повлиял на развитие таких школ типографики, как Goudy’s Bertham, Friar, Tory Text и множество других. Еще он полиграфист, музыкант, автор и отличный велосипедист.

Open sans распространяется по открытой лицензии, то есть, абсолютно бесплатно. Скачать

Open Sans Family

Digitized data copyright © 2010-2011, Google Corporation.

Ascender — Open Sans Light Build 100

Open Sans is a trademark of Google and may be registered in certain jurisdictions.

Licensed under the Apache License, Version 2.0

Open Sans Light

Open Sans Light Italic

Open Sans Italic

Open Sans Semibold

Open Sans Semibold Italic

Open Sans Bold Italic

Open Sans Extrabold

Open Sans Extrabold Italic

Вы можете скачать семейство Open Sans Family абсолютно бесплатно, без регистрации. Изготовителем шрифта является Open Sans is a trademark of Google and may be registered in certain jurisdictions.. Шрифт размещен автором в открытом доступе и может применяться бесплатно в любых целях. Однако, если вы собираетесь использовать данную гарнитуру в коммерческих целях, и сомневаетесь в правах на использование, — рекомендуем связаться с автором и уточнить тип лицензии.

Требуется вход

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

Создайте подборку

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

Open sans для windows

Originally designed by Steve Matteson of Ascender Hebrew by Yanek Iontef Weight expansion by Micah Stupak Help and advice from Meir Sadan and Marc Foley

Relation with Noto Sans

The Open Sans styles have been updated from Noto Sans sources. Noto Sans has 4 masters in each width and slant. The lightest Noto Sans master is lighter than the lightest Open Sans master. The two boldest master match exactly.

Mapping between Open Sans weights and Noto Sans master values:

Open Sans (GF)	wght	Noto Sans (master)	wght
–	Thin	26
Light	50	–
Regular	83	–
–	Regular	90
SemiBold	117	–
Bold	151	Bold	151
ExtraBold	151	Black	190

To generate then Open Sans masters, the following was done to Noto Sans sources:

• scale Noto Sans from 1000 units-per-em to 2048 units-per-em.
• rename Noto Sans as Open Sans
• rename g as g.alt, add double-storey g from Open Sans
• swap I and I.alt, and apply to composite glyphs
• change IJ to have J with descender
• swap florin and florin.ss03, rename as florin.salt
• add math symbols to Roman, that are in Italic, from Open Sans

The Noto Sans sources are kept in the folder sources/NotoSans.

UFO that match the Open Sans masters have been generated with sources/build_masters_from_noto.sh. They are the sources used to generate TTFs with sources/build.sh.

The Hebrew glyphs and their features are not in the NotoSans UFOs.

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

Раз в неделю в рамках рубрики «Интерфейсы» ЦП выбирает самые интересные и актуальные темы из мира юзабилити и UX, снабдив их мнением ведущих отечественных экспертов. В первом выпуске — рассказ дизайнера Джеремайи Шоафа (Jeremiah Shoaf) о том, стоит ли дизайнерам пересмотреть свое отношение к бесплатным шрифтам и начать использовать их в своих проектах, и комментарий по теме от руководителя отдела проектирования и дизайна интерфейсов в Mail.Ru Group Юрия Ветрова.

Встреча Шоафа с бесплатными шрифтами произошла довольно типичным для индустрии образом. В начале карьеры в 2003 году его начальник отказался тратить деньги, вручив ему вместо этого CD под названием «5000 бесплатных шрифтов» со словами о том, что такой диск нужен каждому дизайнеру, чтобы даже мысли не возникало о подобных тратах.

Естественно, на этом диске были в основном некачественный примеры — «типа современные» и ретро, шрифты для Хэллоуина, техношрифты, был даже шрифт, в котором буквы были сформированы из котов, принимавших разные позы. Кернинг, глифы и рендеринг этих шрифтов ввергали в ужас. В общем, ни один из них не мог бы быть использован профессиональным дизайнером даже под страхом смерти. В итоге Шоаф решил обратиться к старой доброй Гельветике.

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

Откуда берутся бесплатные шрифты

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

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

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

Alegreya

Alegreya — это известный шрифт, выбранный ATypI одним из 53 «Шрифтов десятилетия» во время недавнего конкурса Letter.2. Он доступен для скачивания на Google Fonts, однако большинству дизайнеров Alegreya до сих пор неизвестна, поэтому встретить данный шрифт где-нибудь в вебе всё ещё довольно трудно.

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

Красивый курсив Alegreya использован для заголовка на странице с вакансиями на сайте Beef.

Source Sans Pro

Выпущенный Adobe в августе 2012 году Source Sans Pro является первым открытым шрифтом компании. Дизайнер Пол Д. Хант вдохновлялся готикой начала ХХ века, например, такими шрифтами, как Franklin Gothic и News Gothic. Шрифт предназначен для пользовательских интерфейсов, так что отлично рендерится даже на малых экранах. Доступно 6 начертаний («весов») шрифта, что позволяет добиться широкой вариативности его применения.

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

Plentific использует экстра-легкий и обычное начертание Source Sans Pro для создания контраста между заголовками разного уровня.

Open Sans

Разработанный известным дизайнером Стивом Маттесоном и использовавшийся Google Open Sans — это один из самых распространенных в вебе бесплатных шрифтов. Именно на нем основан новый фреймворк Foundation 5 от Zurb, этот шрифт присутствует на многих страницах Google, прошедших редизайн. Пять начертаний с соответствующими им курсивами этого шрифта без засечек позволяют использовать его в самых разных ситуациях.

На сайте Vitor Andrade Open Sans используется минималистичным образом; дизайн не привлекает внимание к себе, позволяя посетителям сфокусироваться на контенте, который представлен на сайте.

Легковесный Open Sans использован для набора заголовков новостей на сайте The Industry.

Anonymous Pro

Anonymous Pro — это моноширинный шрифт, который известен удивительно малому числу дизайнеров. Его создал Марк Симонсон — дизайнер, который стоит за проектом Proxima Nova. Моноширинные шрифты сейчас пользуются популярностью у многих профессионалов.

Другой моноширинный шрифт — Inconsolata — является более распространенным. В него, однако, не включены стили курсивов, в отличие от Anonymous Pro. Набирать текст на веб-странице моноширинным шрифтом обычно не лучшая идея, но его использование в правильном контексте может сильно освежить общий внешний вид сайта.

Per Sandström использует Anonymous Pro для текста на страницах сайта, в комбинации с заголовками, набранными шрифтом Futura, получается на удивление красиво.

На сайте Per жирное начертание Anonymous Pro используется для надписей на кнопках.

Playfair Display

Playfair Display — высококонтрастный шрифт с засечками, созданный Клаусом Эггерс Соренсеном. Он чем-то напоминает Baskerville, а его идеология восходит к шрифтам, использовавшимся в конце XVIII века. Несмотря на то, что Playfair Display создавался для использования в заголовках и названиях, наличие трех начертаний с соответствующими стилями делает возможным набор с его помощью и небольших отрывков текста. Для набора более длинных текстов, Playfair Display можно эффективно сочетать с Georgia.

В Playfair Display есть красивый курсив, который можно встретить, в частности, в заголовках на сайте Boompa Records.

Жирное начертание Playfair Display используется в заголовках на сайте Digital Abstracts.

Roboto

Шрифт Roboto обвиняют в том, что это «Франкеншрифт» — смесь Гельветики, DIN и Myriad. В этом есть доля правды, что не отменяет и его плюсов. После выхода статьи с обвинениями в заимствованиях, Roboto был значительно доработан и улучшен. Шрифт хорошо работает на экранах разных размеров и разрешений.

Roboto использован в проекте Type & Grids, шрифт хорошо рендерится на дисплеях малых размеров с высокой плотностью пикселей.

Paone Creative вариант Roboto легкого веса можно встретить в блоге.

На польском Lato значит «лето». И название отлично подходит этому теплому шрифту без засечек. Дизайнер Лукаш Дзидзич изначально создал Lato в качестве проприетарного шрифта для крупного клиента. После того, как этот клиент решил двинуться в другом дизайнерском направлении, Лукаш сделал свою работу открытой. Lato выглядит скромно и неприметно, когда используется для текста небольшого размера, но вариант с курсивом очень яркий и узнаваемый. Lato используется в теме по-умолчанию в WordPress под названием Twenty Fourteen, что обеспечивает ему рост популярности.

Фрэнк Чимеро (Frank Chimero) элегантно использует легкий вес шрифта в статье «Чего хотят экраны» — большие надписи набраны в верхнем регистре, что является неплохой находкой для такого легкого варианта шрифта.

На сайте «100 лет дизайна» от AIGA применяется доработанная «безточечная» версия Lato.

Merriweather

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

Легкий вес Merriweather на сайте Dickson Fong придает дизайну элегантности.

В футере на странице Vtcreative можно увидеть легкую курсивную надпись, набранную шрифтом Merriweather

Karla

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

Проект Borsch, Vodka & Tears uспользует Karla для небольших кусков текста на сайте, выглядит вполне неплохо.

Kalyn Nakano применяет обычное и жирное начертание Karla на своем сайте-портфолио.

Clear Sans

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

Деликатный, легкий вес Clear Sans использован для набора текста на сайте самого шрифта.

Fira Sans

Разработанный для Firefox OS шрифт Fira Sans выпущен под открытой лицензией. Он много чем похож на FF Meta, что неудивительно, ведь оба они разработаны дизайнером Эриком Спайкерманном. Существует и моноширинная версия Fira Sans под названием Fira Mono. Интересный факт — на сайте самого шрифта почему-то использован не он, а известный нам Open Sans.

Еще несколько неплохих бесплатных шрифтов

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

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

Мнение: Юрий Ветров, руководитель отдела проектирования и дизайна интерфейсов в Mail.Ru Group

Я бы разделил вопрос на две части: стоит ли использовать кастомные шрифты, и если да — имеет ли смысл платить за них. Мы в Mail.Ru Group активно занимаемся обновлением продуктов, и хорошая типографика, естественно, важна в этом процессе. Сейчас ситуация благоприятная — все больше хороших кириллических шрифтов для самых разных задач, а благодаря сервисам типа Google Web Fonts и Typekit их подключить технологически несложно.

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

• Главная задача типографики в нашем случае — обеспечивать комфорт чтения и сканирования информации. Поэтому проверяйте рендеринг в браузере на реальной верстке, а не в Photoshop. Хотя в его версии Creative Cloud появился приближенный к системному рендеринг, все равно в итоговой реализации возможны как минимум отхождения. А в худшем случае — абсолютная нечитабельность. Я собираю коллекцию таких примеров (картинка ниже), можете попробовать угадать сервис (скриншоты сняты на Chrome для Windows 8). Проверяйте в Windows 7, Windows 8 и Mac OS.
• В продолжение — для сервиса с большой посещаемостью необходимо помнить о Windows XP и иметь механизм деградации до Core Fonts for the Web для нее. Хотя все профессиональное сообщество ненавидит ОС, и ее официальная поддержка официально прекращена, там до сих пор сидит приличное количество пользователей. В системе очень сложная ситуация со сглаживанием шрифтов (зависит от комбинации сервис-пака и браузера), и если вы посмотрите на кастомный шрифт в IE6 пару минут, то глаза медленно вытекут.
• Следите за размером подгружаемых шрифтов. Чем больше начертаний вы используете, тем тяжелее этот обвес для пользователя — оставляйте только действительно нужные. Помните, что у него может быть дорогой трафик и медленная скорость. Также можно оптимизировать сам шрифтовой файл, убрав оттуда ненужные вам символы типа иероглифов и арабской вязи. Хотя тут надо быть осторожным – многие производители шрифтов запрещают это в лицензии, поскольку есть риск поломать его тонкие настройки.
• Кастомный шрифт можно использовать для заголовков и выделений, а также для основного текста. Для обывателя основной эффект достигается акциденциями, для задач дизайна они также дают наиболее видимый эффект, при этом проблем с их рендерингом меньше за счет меньших объемов и большего кегля. Почти весь геморрой с рендерингом – как в раз в основном тексте, и проблемы в нём хуже всего влияют на читабельность. Возможно, вам будет достаточно ограничиться заголовками.

Печальные последствия отсутствия проверки рендеринга на реальной верстке

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

С платными на практике все непросто. К сожалению, лицензионная политика сервисов аренды типа MyFonts или Fonts.com абсолютно крохоборская для больших компаний. С нас берут деньги за ежемесячное количество показов, причем за масштаб экономию вы не получите. Так что за год проект с многомиллионной аудиторией может заплатить десятки тысяч долларов за использование шрифта — не очень разумное вложение денег. В некоторых ситуациях выходит, что разработать свой шрифт — дешевле аренды существующего! На круглом столе тематической конференции «Серебро набора 2013» я задал вопрос на эту тему и получил в ответ, мол, «раз вы такие большие – поделитесь!». Не особо конструктивно.

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

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