Содержание

12 лучших альтернатив Open Sans из библиотеки шрифтов Google

Главная › Блог › Дизайн › 12 лучших альтернатив Open Sans из библиотеки шрифтов Google

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

В этой статье мы выбрали 12 шрифтов без засечек из библиотеки Google Font, которые похожи на Open Sans и могут использоваться в качестве замены. Все эти шрифты без засечек доступны более чем в одном весе и могут быть легко встроены в веб-сайт из Google Font. Мы включили предварительный просмотр с использованием обычного веса (400) для всех шрифтов, перечисленных ниже. Чтобы вам было проще сравнивать их с Open Sans, мы включили для него аналогичный превью:

Open Sans

by Стив Маттесон доступно в 10 стилей

Бесплатные альтернативы Open Sans от Google Fonts

Библиотека шрифтов Google предлагает большое разнообразие шрифтов, включая шрифты с засечками, без засечек, дисплейные, рукописные и моноширинные. Open sans — это шрифт без засечек, поэтому мы перечисляем ниже популярные шрифты без засечек, доступные в Google Fonts, которые придают тексту такой же профессиональный и чистый вид. Эти шрифты могут работать как альтернатива, когда вы хотите заменить системный шрифт по умолчанию или Open Sans в своем дизайне.

Inter

by Rasmus Andersson доступно в 9 стилях

Nunito Sans

by  Vernon Adams & Jacques Le Bailly доступно в 9 0017 14 стилей

Рубик

by  Hubert and Fischer, Meir Sadan , Cyreal доступно в 14 стилей

PT Sans

по ParaType  доступно в 4 стиля

Roboto

по 900 15  Кристиан Робертсон доступно в 12 стилей

Source Sans Pro

by Paul D. Hunt доступно в 12 стилей

Work Sans

by 900 15 Wei Huang доступен в 9 стилях

Arimo

от Steve Matteson доступен в 4 стилях

Lato

by  Lukasz Dziedzic доступен в 10 стилях

Merriweather Sans

по Соркин Тип доступно в 8 стилей

Montserrat

by Julieta Ulanovsky доступно в 18 стилей

Muli

by  Vernon Adams доступен в 10 стилях

Стек системных шрифтов как Open Sans Alternative

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

 тело {
  семейство шрифтов: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
} 

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

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

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

Дополнительные ресурсы

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

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

  • Лучшие шрифты с засечками
  • Шрифты для дизайна плакатов
  • Винтажные ретро-шрифты
  • Horror Themes Fonts
  • T Шрифты hin Line

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

Поделиться → Твиттер Фейсбук LinkedIn Пинтерест

SDR Team

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

superdevresources.com

часто задаваемых вопросов | Google Fonts

Взимается ли плата за любой из этих шрифтов?

Нет, все шрифты Google с открытым исходным кодом и бесплатны.

Могу ли я использовать любой шрифт в коммерческом продукте?

Да, вы можете использовать их в коммерческих целях и даже включать их в коммерческий продукт. Условия использования и распространения указаны в лицензии. Наиболее распространенной лицензией является SIL Open Font License. Некоторые шрифты находятся под лицензией Apache или Ubuntu Font License. Вы можете распространять шрифты с открытым исходным кодом в соответствии с этими условиями.

Могу ли я использовать шрифт в логотипе?

Да, вы можете использовать Google Fonts в любом логотипе.

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

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

Как найти шрифты, поддерживающие мой язык?

Посетите сайт fonts.google.com и используйте фильтр «Язык», чтобы выбрать систему письма, используемую языком, который вы ищете.

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

Как я могу использовать шрифты Google на своем веб-сайте?

Используйте Google Fonts CSS API для встраивания шрифтов непосредственно на ваш веб-сайт.

Как использовать шрифты Google в приложении для Android?

См. статью Начало работы с Google Fonts для Android.

Как использовать символы материалов в моем проекте?

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

Где я могу узнать больше о типографике?

Посетите Google Fonts Knowledge.

Можно ли использовать функции CSS, такие как тени и поворот текста, с веб-шрифтами?

Абсолютно. Любая функция CSS, которую можно применить к тексту в Интернете, хорошо работает со всеми типами шрифтов — веб-шрифтами, локальными шрифтами и системными шрифтами.

Исключением является эффект контура CSS, который плохо работает с вариативными шрифтами из-за перекрытия контуров.

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

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

Вы также можете изменять сами шрифты с помощью инструментов редактирования шрифтов в соответствии с условиями лицензии.

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

Вариативные шрифты — это недавняя эволюция типографики. Этот формат позволяет настраивать шрифт способами, предоставленными дизайнером шрифтов. Все стили хранятся в одном или двух файлах шрифтов вместо отдельных файлов для каждого стиля. Узнайте больше из Google Fonts Knowledge и Web Fundamentals.

Как сообщить о проблеме или внести свой вклад в шрифты Noto?

См. fonts.google.com/noto/contribute

Как загрузить шрифт в Google Fonts?

Google Fonts проверяет материалы на GitHub. Подробности смотрите в файле CONTRIBUTING на Github.

Как предложить шрифт для добавления в Google Fonts?

Google Fonts добавляет только шрифты, лицензированные по лицензии SIL Open Font License. Если вам известен шрифт под этой лицензией, который вы хотели бы увидеть, свяжитесь с Google Fonts.

Как я могу использовать Google Fonts GitHub?

Вы можете использовать наш GitHub для загрузки файлов шрифтов для установки или самостоятельного размещения, проблем с файлами, с которыми вы столкнулись в любом аспекте нашего продукта, и даже для добавления своих собственных шрифтов. Проверьте это на github.com/google/fonts.

Могу ли я использовать шрифты Product Sans или Google Sans?

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

В некоторых приложениях мой тип показывает несколько букв не по порядку – как это исправить?

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