Категории

    Новости

    Тонгкат Али
    http://silverfox.in.ua/product-tag/tongkat-ali/ (англ. Long Jack, Tongkat Ali) – это средство, в основном используемое спортсменами для повышения уровня тестостерона и серьезных силовых нагрузках. Но

    Иван Айвазовский
      этой (Ованес Айвазян, Иван Гайвазовский, Aivazovsky, Ivan. 1817-1900), –   русский живописец, мастер морского пейзажа (маринист). Популярнейшие картины Айвазовского - “Радуга” (1873 г. ), “Чёрное

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

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

    Обозначение смайликов в картинках
    Здрасти, читатели блога Веб-сайт с нуля. Доводилось ли вам думать над тем, что означают смайлы, которые вам прислали, и как на их ответить? Сталкивались ли с необходимостью выразить свои эмоции очень

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

Второй взгляд на профессиональные бесплатные шрифты

  1. Во-первых, история
  2. Дальнейшее чтение на SmashingMag:
  3. Откуда берутся бесплатные шрифты?
  4. Почему так важно иметь несколько весов курсивом?
  5. Бесплатные шрифты не те, что раньше
  6. Alegreya
  7. Source Sans Pro
  8. Open Sans
  9. Anonymous Pro
  10. Дисплей Playfair
  11. Roboto
  12. Лато
  13. Merriweather
  14. Karla
  15. Очистить Санс
  16. Fira Sans
  17. Другие бесплатные шрифты стоит проверить

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

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

Во-первых, история

В начале моей дизайнерской карьеры, примерно в 2003 году, я хотел купить шрифт DIN для проекта на работе. Мой менеджер быстро отклонил идею оплаты шрифта и вместо этого вручил мне компакт-диск с надписью «5000 бесплатных шрифтов», сказав: «На этом компакт-диске есть каждый шрифт, который может понадобиться дизайнеру. Не нужно тратить деньги на покупку шрифтов! »

Дальнейшее чтение на SmashingMag:

Я вставил компакт-диск в свой компьютер и нашел коллекцию самых ужасных шрифтов, какие только можно себе представить. Новизна и «ретро» шрифты. Жуткие Хэллоуинские шрифты. «Техно» шрифты. Шрифты с буквами из кошек, позирующих в сумасшедших позах. Шрифты с ужасным кернингом, отсутствующими символами и шатким рендерингом. Шрифты доступны только в одном весе без курсива.

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

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

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

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

Почему так важно иметь несколько весов курсивом?

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

Бесплатные шрифты не те, что раньше

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

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

Alegreya

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

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

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

Красивый жирный курсив Алегрея используется для заголовка в разделе работы Beef
Красивый жирный курсив Алегрея используется для заголовка в разделе работы Beef.

Source Sans Pro

Выпущено Adobe в августе 2012 года, Source Sans Pro является первым шрифтом Adobe с открытым исходным кодом. Его дизайнер, Пол Д. Хант, был вдохновлен готикой начала 20-го века, такой как Franklin Gothic и News Gothic. На мой взгляд, Source Sans Pro чувствует себя намного более современным, немного напоминающим FF Meta. Он предназначен для пользовательских интерфейсов, поэтому очень хорошо рендерится при небольших размерах. Шрифт доступен во внушительных 6 размерах, что делает его чрезвычайно универсальным.

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

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

Open Sans

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

Сайт Витора Андраде   использует Open Sans очень заниженным образом;  минимальный типизированный дизайн не привлекает к себе внимания, выглядит очень нейтрально и делает акцент на отличной работе, представленной на сайте
Сайт Витора Андраде использует Open Sans очень заниженным образом; минимальный типизированный дизайн не привлекает к себе внимания, выглядит очень нейтрально и делает акцент на отличной работе, представленной на сайте.

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

Anonymous Pro

Anonymous Pro это моноширинный шрифт, который меня удивляет, поэтому мало кто о нем знает, учитывая, что он был разработан Марк Симонсон дизайнер шрифтов Проксима Нова , Моноширинные шрифты в настоящее время пользуются популярностью у дизайнеров, и Anonymous Pro - отличный вариант.

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

Пер Сандстрем   использует Anonymous Pro в большом размере для основной копии на своем веб-сайте, где он работает на удивление хорошо в паре с   Futura   для заголовков
Пер Сандстрем использует Anonymous Pro в большом размере для основной копии на своем веб-сайте, где он работает на удивление хорошо в паре с Futura для заголовков.

Жирный вес Anonymous Pro используется для кнопок на   Веб-сайт Per   ,
Жирный вес Anonymous Pro используется для кнопок на Веб-сайт Per ,

Дисплей Playfair

Дисплей Playfair высококонтрастный засечек, разработанный Claus Eggers Sørensen. Напоминает Баскервиль , это берет свои подсказки от проектов шрифта конца 18-ого столетия. Несмотря на то, что эти три веса, в первую очередь, предназначены для заголовков и заголовков, они подходят и для коротких фрагментов основного текста. Для более длинных копий тела Playfair Display отлично сочетается с Georgia.

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

Смелый вес Playfair Display используется в заголовках   Сайт Digital Abstracts   ,
Смелый вес Playfair Display используется в заголовках Сайт Digital Abstracts ,

Roboto

Roboto был обвинен в « Frankenfont »- это гибрид Helvetica, DIN и Myriad. Я понимаю, откуда исходит критика, но мне очень нравится Робото. Обновления и улучшения После того, как эта статья «Frankenfont» была сделана в Roboto, я думаю, что шрифт отлично работает на экране при разных размерах и разрешениях устройства, что и является его целью.

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

Я использую Roboto на моем   Тип & Сетки   сторонний проект, и шрифт прекрасно отображается на дисплеях высокой плотности при небольших размерах
Я использую Roboto на моем Тип & Сетки сторонний проект, и шрифт прекрасно отображается на дисплеях высокой плотности при небольших размерах.

Paone Creative   использует легкий вес Roboto в своем разделе блога
Paone Creative использует легкий вес Roboto в своем разделе блога.

Лато

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

Фрэнк Чимеро элегантно использует вес линии роста волос в своей статье «   Что хотят экраны   », Устанавливая его в верхнем регистре в большом размере, который необходим для такого тонкого, тонкого веса
Фрэнк Чимеро элегантно использует вес линии роста волос в своей статье « Что хотят экраны », Устанавливая его в верхнем регистре в большом размере, который необходим для такого тонкого, тонкого веса.

На АИГА   Сайт «100 лет дизайна»   используется индивидуальная версия Lato «без точек»
На АИГА Сайт «100 лет дизайна» используется индивидуальная версия Lato «без точек».

Merriweather

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

Диксон Фонг   использует легкий вес Merriweather, что придает его дизайну элегантный вид
Диксон Фонг использует легкий вес Merriweather, что придает его дизайну элегантный вид.

Vtcreative   показать легкий курсив стиль Merriweather в их нижнем колонтитуле
Vtcreative показать легкий курсив стиль Merriweather в их нижнем колонтитуле.

Karla

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

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

Калин Накано   демонстрирует нормальные и смелые веса Карлы на ее сайте портфолио
Калин Накано демонстрирует нормальные и смелые веса Карлы на ее сайте портфолио.

Очистить Санс

Очистить Санс это недавний вклад Intel в сообщество шрифтов с открытым исходным кодом. Созданная с учетом разборчивости на экране, Clear Sans гордится своим однозначным дизайном персонажей. Например, в верхнем регистре «I» добавлены засечки, чтобы отличаться от строчных «l». Это делает его отличным выбором для разработки пользовательского интерфейса, где ясность является ключевой. Clear Sans в настоящее время недоступна через Google Fonts, поэтому разработчикам, желающим использовать этот шрифт, необходимо будет разместить его самостоятельно.

Тонкий, легкий вес Clear Sans используется для основной копии на   Сайт Clear Sans   ,
Тонкий, легкий вес Clear Sans используется для основной копии на Сайт Clear Sans ,

Fira Sans

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

Другие бесплатные шрифты стоит проверить

Не надейтесь на бесплатные шрифты для каждого проекта

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

При этом, если проекту требуются бесплатные шрифты, будь то из-за бюджетных ограничений или по другим причинам, будьте спокойны, зная, что в вашем распоряжении постоянно растущий выбор шрифтов профессионального качества. Я постоянно обновляю список курируемых веб-шрифты с открытым исходным кодом в моем проекте стороны, Typewolf , Вы также можете следовать за мной @typewolf и проверить мой другой проект стороны, Тип & Сетки , который использует многие из шрифтов, представленных в этой статье.

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

Кредиты изображений на первой странице: Витор Андраде ,