Noto serif source sans pro что это за программа

Шрифт Source Sans Pro. Относится к семейству шрифтов Source. Гарнитура содержит 12 файлов и поддерживает 73 языка. Лицензия SIL OFL 1.1. Можно использовать в коммерческой и не коммерческой деятельности.

Разработка Source Sans Pro велась Paul D. Hunt.

Описание

Source Sans Pro — первая гарнитура компании Adobe, созданная дизайнером Paul D. Hunt. Source Sans Pro не имеет засечек и предназначен для хорошего отображения в пользовательских интерфейсах.

Copyright

Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name Source.

Лицензия

SIL OFL 1.1

SIL Open Font License 1.1 — свободная и открытая лицензия, разработанная SIL International, используется для многих свободных шрифтов у которых открыт исходный код. Все файлы, производные от файлов OFL, должны оставаться лицензированными в соответствии с OFL.

Лицензионные условия

Разрешения

Коммерческое использование

Лицензионные материалы и производные могут быть использованы в коммерческих целях

HOW_TO_CHANGE_THE_FONT_OF_SAMSUNG_GALAXY_M01_CORE(720p) #short #settings 2022

Лицензионный материал может быть изменен

Распространение

Лицензионный материал может быть распространен

Персональное использование

Лицензионный материал может быть использован и изменен в личных целях

Ограничения

Ограничение ответственности

Данная лицензия включает в себя ограничение ответственности

Отсутствие гарантий

В этой лицензии прямо указано, что она не предоставляет никаких гарантий.

Условия

Уведомление о лицензии и авторских правах

Копия лицензии и информация об авторских правах должны быть включены вместе с лицензионным материалом

Аналогичная лицензия

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

Источник: fonts-online.ru

Лучшие шрифты для сайта от Google

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

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

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

Для удобства мы составим рейтинги по разным критериям.

Самые популярные шрифты Google – топ 10 для всех языков

1. Roboto – самый популярный шрифт из имеющихся. Автор – Кристиан Робертсон, общее количество просмотров – более 15,1 биллиона раз (примерно 69 млрд. в неделю).
2. Open Sans – второй по популярности. Автор – Стив Мэттесон, общее количество просмотров – более 9,9 биллиона раз (примерно 30 млрд. в неделю).
3. Lato – качественный сбалансированный шрифт родом из Варшавы. Автор – Лукаш Дзедзич, общее количество просмотров – более 2,5 биллиона раз (примерно 10 млрд. в неделю).
4. Montserrat – классный кириллический шрифт в модернистском стиле из Буэнос-Айреса. Основной дизайнер – Джульетта Улановски, общее количество просмотров – более 1,5 биллиона раз (примерно 7,6 млрд. в неделю).
5. Oswald – отличный вариант переработанного «готического» шрифта. Основной дизайнер – Вернон Адамс, общее количество просмотров – более 1,4 биллиона раз (примерно 3,8 млрд. в неделю).
6. Roboto Condensed – «сжатый» Roboto, рассчитан на более естественный ритм чтения. Автор – Кристиан Робертсон, общее количество просмотров – свыше 1,3 биллиона раз (примерно 4,9 млрд. в неделю).
7. Source Sans Pro – интересный шрифт без засечек от Adobe. Разработан специально для пользовательских интерфейсов. Автор – Пол Д. Хант, общее количество просмотров – более 1,2 биллиона раз (примерно 4,7 млрд. в неделю).
8. Slabo 27px – шрифт фиксированной высоты, созданный специально для онлайн-рекламы. Автор – Джон Хадсон, общее количество просмотров – более 1 биллиона раз (примерно 166 млн. в неделю).
9. Raleway – тонкий и элегантный шрифт без засечек. Исходный автор – Мэт МакИнерни, общее количество просмотров – более 800 млрд. раз (примерно 2,9 млрд. в неделю).
10. Noto Sans JP – тот самый шрифт «без тофу», но специально для Японии. Входит в семейство одноимённых шрифтов, разработанных Google, общее количество просмотров – более 660 млрд. раз (примерно 14,2 млрд. в неделю).

Лучшие кириллические шрифты Google

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

Как Любой Андроид Телефон Превратить в Iphone?

Так как владельцам сайтов в России и странах СНГ будут интересны только шрифты, которые правильно работают с кириллицей, остановимся на них подробнее.

Сам рейтинг выглядит так:

Обратите внимание, что многие вебмастера, использующие кириллицу, отдают предпочтение шрифтам без засечек (об этом говорит приставка Sans). А в числе лидеров сразу несколько вариаций семейства шрифтов Roboto (стоит уточнить, что на 11 месте, не вошедшем в топ-10, ещё одна вариация – Roboto Slab).

Roboto – самый востребованный в России и в мире

Удивительно ритмичный шрифт, который корпорация Google показала в 2011 году вместе с 4 версией свой мобильной операционной системы (Android 4.0). Примечательно, что основным дизайнером выступил Кристиан Робертсон, который подарил миру Linux-систем оригинальный шрифт Ubuntu Titling. В 2014 году Робото был существенно доработан вместе с релизом Android 5.0.

В наборе сразу 12 разных стилей, все без засечек. Рекомендуемая пара «заголовок+основной текст» – Roboto и Open Sans.

Open Sans – отличный шрифт для печати, вэб-издательств и для мобильных платформ

Open Sans тоже был разработан по заказу Google, по времени – примерно вместе с Roboto (в 2010 году). Основной дизайнер – Стив Мэттесон. Количество стилей – 10 шт. Этот шрифт стал очень популярен в «плоском» дизайне, встречается на многих собственных сайтах Google, а также используется в CMS WordPress (в одном из стартовых шаблонов) и в популярном мессенджере Telegram.

Montserrat – идеальное сочетание геометрических форм для кириллицы

Исходный автор — Джульета Улановски, она разработала шрифт в 2010 году, вдохновившись духом старого Буэнос-Айреса. В 2017 году семейство шрифтов было переработано дизайнером Жаком Ле Байи. Позже Джульета Улановски вместе с другим дизайнерами возглавили проект Google по адаптации других популярных шрифтов для поддержки кириллицы.

Montserrat насчитывает 18 разных стилей. Рекомендуемая пара – Roboto.

Roboto Condensed – строгий и компактный шрифт

«Сжатый» Робото – это вариация основного семейства шрифтов Roboto с уменьшенным расстоянием между символами. Как и его старшие братья, подходит для печатного дела, а также для оформления веб-страниц (для заголовков и обычного текста).

Roboto Condensed имеет 6 стилей и отлично сочетается с другими шрифтами семейства Roboto, в том числе Roboto Slab.

Source Sans Pro – качественная версия открытого шрифта от Adobe

Source® Sans Pro – это первое семейство шрифтов от компании Adobe с открытым исходным кодом, было разработано Полом Д. Хантом в 2012 году. Это шрифт без засечек, предназначенный для работы в пользовательских интерфейсах.

Общее количество стилей – 6 шт. После этого семейства Adobe разработала и открыла доступ к другим своим шрифтам: Source Code Pro, Source Serif Pro, Source Han Sans, Source Han Serif. Их и стоит рассматривать в качестве сопутствующих к основному Source Sans Pro.

Oswald – красивый шрифт с переменным весом

Шрифт родился в качестве «альтернативной готики» без засечек. Oswald создавался свободными авторами, с 2011 года по 2014 над шрифтом взял шефство Вернон Адамс. В 2016 году в работу включились Калапи Гаджар и Алексеей Ваняшин, они реализовали поддержку кириллицы и завершили работу Вернона.

Лучшая пара для создания вэб-страниц – Open Sans.

Roboto Mono – моноширинный вариант популярного семейства шрифтов Roboto

В отличие от других представителей семейства, Roboto Mono лучше всего подходит для представления исходного кода, так как здесь явно выделены символы, которые можно перепутать при чтении: большая «i» и малая «L», цифра 1 и т.д. Знаки препинания существенно увеличены.

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

Raleway – самый элегантный шрифт без засечек

Разработан Мэттом Макинерни и поддерживается в настоящий момент сразу несколькими авторами. Любой может внести свой вклад в развитие этого шрифта на Github. Шрифт Raleway – это один из нескольких представителей семейства Raleway Dots.

Поддерживает переменный вес. Хорошо сочетается с Open Sans.

Noto Sans – популярный шрифт с поддержкой Unicode

Многие сталкивались с нечитаемыми символами на вэб-страницах, это так называемые коробочки «тофу». Если символа нет в шрифте, то браузер вместо него рисует специальный квадрат. Семейство шрифтов Noto было разработано Google специально для того, чтобы пользователи больше не видели «тофу», отсюда и название шрифта (англ. «no more tofu»). Шрифты семейства Noto используются не только на сайтах, но и в разработке различного программного обеспечения (например, они используются в LibreOffice, или доступны для загрузки на многих Linux-дистрибутивах).

Noto Sans – это шрифт без засечек, на выбор пользователю доступно 4 разных стиля. Лучший напарник на странице – Roboto.

PT Sans – самый популярный российский шрифт

PT Sans – это один из шрифтов семейства PT (сокращение от Public Type), в русском языке название шрифтовой системы звучит «Питер». Разработку спонсировала Роспечать в рамках специальной программы в честь 300-летия реформы русского алфавита.

PT Sans – универсальный шрифт без засечек, который будет удобен для использования в печатных изданиях, для оформления деловой переписки и для web-проектов. Включает в себя 4 стиля: Regular, Regular italic, Bold и Bold italic.

Избранные шрифты Google

Проект Google Fonts был запущен в 2010 году, как одна из инженерных инициатив. Бесплатные web-шрифты аудитория восприняла очень тепло. На тот момент с платформы можно было скачать всего 14 разных шрифтов. А сейчас речь уже идёт примерно об 1 тыс. различных семейств (из них пока чуть более сотни поддерживают кириллицу).

Использовать одни и те же шрифты на разных проектах – не самое разумное решение. Типографика – это целая наука. Профессиональные дизайнеры предпочитают экспериментировать с новыми образами и формами. Но обычные пользователи могут воспользоваться советами Google и обратить внимание на специальные подборки от дизайнеров IT-гиганта:

1. IBM Plex – семейство корпоративных шрифтов от команды IBM Brand D) в гротескном стиле. Отличный выбор для комплексного оформления современных печатных изданий и сайтов.
2. Суперсемейство шрифтов Superfamilies – специальная коллекция шрифтов с хорошей согласованностью стилей (с засечками и без них, для заголовков, выделения кода, цитат, обычного текста, вплывающих подсказок и т.д.). В подборку включены семейства Alegreya, Merriweather, Nunito, Roboto и Quattrocento.
3. Коллекция обновлённых шрифтов — 2016 Fonts Refresh. Сюда вошли многие популярные шрифты, которым Google добавила поддержку разных языков, в том числе кириллицу. В подборку вошли Rubik, Pacifico, Quicksand, Inconsolata, Cabin, VT323 и Nunito.

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

Оригинальные дисплейные шрифты от Google

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

• Bungee
• Rubik
• Bungee Shade
• Fruktur
• BioRhyme
• Monoton
• Ewert
• Gravitas One
• Creepster
• Black Ops One

Интересная подборка шрифтов с засечками, достойными помещения в заголовки

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

• Scope One
• Arvo
• Lora (bold)
• Bitter
• Copse
• Sanchez
• Trocchi
• Cutive
• Slabo (27px и выше)
• Vesper Libre

Лучшие кириллические шрифты для лендингов

Подборка ниже будет особо актуальна для формирования красивых и запоминающихся заголовков на посадочных страницах:

• Rubik – лёгкий, свежий, не «как у всех» и без засечек.
• Cormorant – с засечками, но в больших заголовках смотрится очень оригинально. Подойдёт в том числе для life-style проектов, а также для блогов.
• Alegreya Sans – будет отлично смотреться в заголовках при начертании Bold.
• Source Sans Pro – поможет организовать красивые и стильные лонгриды.
• Playfair Display – изящный, контрастный и лаконичный шрифт с засечками. Справится практически с любыми заголовками.
• Montserrat – подойдёт в качестве широкого шрифта для отдельных заголовков, хотя этот шрифт можно настроить и для основного текста.
• Merriweather – будет хорошо смотреться на мобильных устройствах. Универсальный, эстетичный и серьёзный шрифт, точно сочетается с бизнес-тематикой.
• Open Sans – всегда беспроигрышный вариант.
• IBM Plex Sans – хорошо работает в компании с другими шрифтами из семейства Plex. Отлично показывает себя на IT-проектах.
• Raleway – красивый шрифт с большим кеглем. С ним можно оригинально оформить страницу бренда, хотя Raleway легко подойдёт и для любых других тематик.

Какой шрифт выбрать для сайта

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

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

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

А вот правильный выбор шрифта – очень ответственный шаг. И здесь лучше не ошибаться.

Источник: superbwebsitebuilders.com

Добавляем кириллицу в шрифт Source Sans Pro для Bootstrap-темы Lumen

В каталоге бесплатных тем для Bootstrap есть симпатичная тема Lumen, в ней используется шрифт Source Sans Pro, в котором «из коробки» отсутствует кириллица. Эту проблему можно частично решить самостоятельно, скомпилировав шрифт из исходников. Почему частично — см. заключение.

1. Устанавливаем Adobe Font Development Kit for OpenType

Скачиваем Adobe Font Development Kit for OpenType. Установка сводится к распаковке архива в какую-нибудь папку, у которой абсолютный путь не содержит пробелов, и запуску скрипта FinishInstallWindows.cmd с правами Администратора. После этого нужно перелогиниться, либо перезагрузиться.

2. Скачиваем исходники шрифта

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

3. Определяем необходимые начертания

Исходники шрифта содержат много различных начертаний, выясним какие именно нужны нам. Открыв файл bootstrap.css темы Lumen, в первой строке мы видим что шрифты импортируются с сервера google:

Переходим по этому адресу, получаем описание:

Это значит, что нам нужны всего четыре начертания: Light, Regular, Bold, Italic.

4. Компилируем начертания

Компиляция производится командой makeotf -r. Эта команда за один вызов обрабатывает одно начертание в текущей папке. Вместо того, чтобы ходить по папкам в консоли и каждый раз запускать команду вручную, создадим скрипт для PowerShell, который в пакетном режиме скомпилирует все необходимые файлы. За основу возьмем из корневой папки шрифта скрипт build.sh и сохраним новый файл под именем build.ps1 там же.

$family=’SourceSansPro’ $romanWeights=’Bold’, ‘Light’, ‘Regular’ $italicWeights=’It’ # clean existing build artifacts rm -recurse -force target mkdir target mkdir targetotf foreach ($w in $romanWeights) < cd Roman$w makeotf -r -o ….targetotf$family-$w.otf cd …. rm Roman$wcurrent.fpr # remove default options file from the source tree after building >foreach ($w in $italicWeights)

Пробуем запускать скрипт .build.ps1 с правами администратора. Если возникает ошибка безопасности, то это значит, что запуск скриптов PowerShell запрещен политикой. Чтобы разрешить выполнение вводим команду:

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

После этого должно все заработать и в папке targetotf появятся четыре файла .otf.

5. Конвертируем .otf в .woff

Скачиваем sfnt2woff и сохраняем в папке со шрифтом. Пишем скрипт convert.ps1 для конвертации:

$otfFiles = dir targetotf -Filter *.otf -Name # clean existing convert artifacts rm -recurse -force targetwoff mkdir targetwoff foreach ($otf in $otfFiles) < .sfnt2woff.exe targetotf$otf >mv targetotf*.woff targetwoff

После запуска скрипта в папке targetwoff появятся переконвертированные файлы.

6. Подключаем шрифт к проекту

В случае с ASP.NET MVC, копируем .woff-файлы в папку fonts проекта и включаем их в него. В папке Content создаем новый файл bootstrap.lumen.path.css и записываем в него следующее:

Добавляем в файл App_StartBundleConfig.cs новую строку. Важно, чтобы она была ниже чем bootstrap.lumen.css.

bundles.Add(new StyleBundle(«~/Content/css»).Include( «~/Content/bootstrap.lumen.css», «~/Content/bootstrap.lumen.path.css», «~/Content/site.css»));

Заключение

На этом всё, проблема частично решена. Частично — потому что на данный момент не существует курсивного начертания для кириллицы.

Разработчик шрифта, Paul Hunt, на вопрос о курсиве ответил, что кириллица когда-нибудь появится, но он не может сказать когда это произойдет.

Архив готовых .woff-файлов можно скачать здесь.

Источник: habr.com

15 лучших шрифтов Google (по цифрам и не только)

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

Google Analytics предоставляет полную статистику использования шрифтов. Вот так выглядит топ-10.

Мы пойдём чуть дальше и добавим в этот список не только уже популярные шрифты, но и те, чья популярность растёт в геометрической прогрессии. Итак, 15 лучших шрифтов в Google Fonts выглядят следующим образом:

1. Roboto

Roboto – это предложение без засечек от Кристиана Робертсона, разработанное Google как системный шрифт для Android. В настоящее время он широко популярен и многократно появляется в аналитике Google Fonts. Сам Roboto находится на первом месте по популярности. Но Roboto Condensed также является шестым по популярности шрифтом, а Roboto Slab на 13-м месте!

2. Open Sans

Open Sans – это шрифт без засечек, разработанный Стивом Маттесоном. Google использует Open Sans на некоторых своих веб-сайтах, а также в своей печатной и веб-рекламе.

3. Lato

Ещё один вариант без засечек, на этот раз от Лукаша Джиджека. Не поддерживает русский язык.

4. Slabo 27px/13px

Slabo – это шрифт с засечками, разработанный Джоном Хадсоном из Tiro Typeworks. Уникальность этого шрифта заключается в том, что он специально разработан для использования в определенном размере – 27px или 13px в зависимости от ваших потребностей. Не поддерживает русский язык.

5. Oswald

Oswald – шрифт без засечек, первоначально разработанный Верноном Адамсом.

6. Source Sans Pro

Source Sans Pro – это шрифт без засечек от Пола Ханта, который был создан для Adobe и был первым шрифтом с открытым исходным кодом Adobe. Как вы поняли по картинке, курсив не поддерживает русский язык.

7. Montserrat

Montserrat – шрифт без засечек от Джульетты Улановски, которая живёт в одноименном районе Монтсеррат в Буэнос-Айресе. 18 стилей… есть из чего выбрать.

8. Raleway

Raleway – еще один шрифт с большим выбором стилей, созданный Мэттом Макинерни. Если вам нравится Raleway и вы ищете что-то уникальное, Raleway Dots предлагает подобный стиль с пунктирным подходом, который может работать для больших заголовков. Курсив не поддерживает русский язык

9. PT Sans

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

10. Lora

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

Бонусные и перспективные шрифты

Десять шрифтов выше – самые популярные Google Fonts. Но показывать только самые популярные варианты некошерно, поэтому ребята из Kinsta предлагают ещё один топ “молодых и перспективных”. Вот их фавориты, которые пока не доросли по цифрам до места в Google Analytics:

11. Noto Sans / Serif

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

12. Nunito Sans

Nunito Sans – это вариант без засечек, который быстро растет в популярности (его использование утроилось с прошлого года). Не поддерживает русский язык.

13. Concert One

Concert One – это закругленный гротескный шрифт, который отлично подойдёт для заголовков. Не поддерживает русский язык.

14. Prompt

Prompt – это предложение без засечек от тайской фирмы Cadson Demak. Не поддерживает русский язык.

15. Work Sans

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

Как видите. на платформе Google Fonts можно найти шрифт под любую задачу. Главное, не зацикливаться лишь на этом топе – ищите и экспериментируйте.

Источник: say-hi.me

17 лучших Google шрифтов и как их использовать в WordPress

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

17 самых популярных шрифтов Google в 2019 году

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

1. Roboto

• Без засечек
• 10 стилей
• Пример шрифта .

Open Sans используют для удобства чтения. Это нейтральный шрифт, общедоступный как для мобильных платформ, так и для печати. Open Sans любят в США, Франции и России. Его популярные пары: Roboto, Lato, Oswald, Raleway, and Montserrat.

3. Lato

• Без засечек
• 18 стилей
• Пример шрифта .

Monserrat заинтересован в том, чтобы остаться уникальным, как и его одноименный район в Буэнос-Айресе в Аргентине. Этот шрифт используют более чем 5 миллиардов пользователей в США, во Франции ​​и Бразилии. Популярные комбинации с этим шрифтом – Raleway, Open Sans, Roboto, Oswald и Lato.

5. Roboto Condensed

• Без засечек
• 12 стилей
• Пример шрифта .

Превосходный Source Sans Pro – серьезно относится к своей работе. Adobe разработала его таким образом, чтобы он идеально подходил для пользовательских интерфейсов. Почти 4 миллиарда человек используют его в США и Франции. Хорошо сочетается с Open Sans, Roboto, Lato, Oswald и Raleway.

7. Oswald

• Без засечек
• 18 стилей
• Пример шрифта .

Изысканный Raleway живет в состоянии ар-деко. Raleway привносит элегантный, но смелый вид на любой веб-сайт. Изначально он планировался как заголовок с одним стилем, и теперь он может похвастаться 18 стилями и почти 3 миллиардами людей, которые его используют. Он регулярно появляется вместе с Montserrat, Open Sans, Roboto, Lato и Oswald.

9. Slabo 27px / 13px

• Без засечек
• 4 стиля
• Пример шрифта .

PT Sans – интроверт, ставший экстравертом. Он был впервые разработан для проекта «Общественные типы Российской Федерации», чтобы посетители могли читать и писать на своем родном языке. В настоящее время его используют по всему миру, хотя он по-прежнему остается самым популярным в России. Open Sans, Roboto, Lato, Raleway и PT Serif – отличные компаньоны для этого шрифта.

11. Merriweather

• С засечками
• 4 стиля
• Пример шрифта .

Roboto Slab – крутой кузен обычного Roboto, привносящий ощущение талантливости. Он отделяет себя от обычного Roboto с его уникальным стилем и не заботится о том, чтобы экономить место так же сильно, как это делает Roboto Condensed, потому что он слишком сосредоточен на самовыражении. Не более 2 миллиардов человек используют Roboto Slab в США, России, Италии и Бразилии, и он хорошо сочетается с обычными Roboto, Open Sans, Monserrat, Lato и Raleway.

13. Noto Sans/Serif

• Без засечек
• 3 стиля
• Пример шрифта .

Open Sans Condensed появился сразу после дебюта Roboto Condensed. Open Sans Condensed – это еще один способ сэкономить место и донести ваше сообщение чуть более эффективно, чем обычные Open Sans. До 1,5 миллиарда человек используют его в разных странах, таких как США, Россия, Великобритания, Италия и Франция. Популярные пары включают в себя обычные Open Sans, Roboto, Oswald, Josefin Slab и Amatic SC.

15. Ubuntu

• Без засечек
• 18 стилей
• Пример шрифта .

Peppy Poppins привносит жизнь в геометрические узоры и сочетает в себе порядок и веселье. Его любимая форма – это круг, так как он используется для сглаживания краев и углов, что добавляет буквам мягкости. Его используют более 1 миллиарда человек, в основном в США и Франции. Шрифт хорошо смотрится с Roboto, Open Sans, Raleway, Oswald и Playfair Display.

17. Playfair Display

4. Помните о читабельности

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

По этой причине при отображении шрифтов на вашем сайте важна читабельность. Например, выбор неоновых цветов в Comic Sans — плохой вариант. Убедившись, что ваш шрифт приятен для чтения, вы сможете сделать свой сайт более дружелюбным для всех ваших пользователей. Одна из самых важных вещей – это контраст, который вы можете проверить с помощью этого инструмента .

5. Если у вас есть уникальный шрифт, разместите его на сервере

Чтобы попытаться улучшить производительность, можете разместить шрифт локально на вашем сервере. Если вы используете шрифт Google, то это делать не нужно, поскольку серверы Google обычно очень быстро реагируют. Однако есть и другие причины для размещения файлов шрифтов на вашем сервере, в том числе и новые правила GDPR. Пплагин CAOS for Webfonts | Host Google Fonts Locally станет отличным решением для обоих случаев.

Источник: hostenko.com