Бесплатные шрифты: лучшие источники для бесплатной загрузки шрифтов

Google Fonts Изучение

Вам нужно, чтобы ваш сайт выглядел великолепно, а типографика — ключевой фактор в дизайне. Где в 2020 году найти в Интернете бесплатные шрифты, отвечающие высоким стандартам качества?

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

Сохраняйте простоту, но сделайте так, чтобы простое выглядело великолепно.

Но как именно выглядит простое?

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

Таким образом, с правильным шрифтом в сочетании с правильными стилями шрифта (см. » Шрифт против гарнитуры: полное руководство» ) мы можем создавать довольно простые и в то же время привлекательные дизайны. Это подчеркивает важные аспекты дизайна, использует меньше ресурсов и вызывает наименьшую нежелательную когнитивную нагрузку.

Типографика может быть очень мощной.

Но каковы лучшие сайты с бесплатными шрифтами?

Где не искать бесплатные шрифты

Dribbble, Behance, Gumroad и т.д. Содержат массу скрытых жемчужин, но это включает в себя просеивание множества цифровых ресурсов, некоторые из которых являются неполными побочными проектами и «облегченными» версиями. При этом убедитесь, что вы добавили в закладки классные ресурсы, если они вам встретятся. Даже Instagram может вас удивить, и нельзя упускать из виду Twitter.

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

1. Google Fonts

Google Fonts

Номер один в этом списке, очевидно, — это шрифты Google, которые выходят за рамки того, что предлагают большинство альтернатив. Во-первых, Google Fonts предлагает быструю и удобную CDN (сеть доставки контента), благодаря которой очень легко встраивать веб-шрифты в веб-сайты, не размещая их на собственном хостинге.

Шрифты Google могут быть разделены по сценарию и весу, и мы также можем контролировать их загрузку в Интернете, задав font-displayсвойство CSS из строки запроса кода внедрения, что улучшает время загрузки веб-сайта. (В статье CSS-Tricks » Шрифты Google и отображение шрифтов » объясняется, как это сделать.)

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

2. Creative Market

Creative Market

Я знаю, о чем вы думаете: «Creative Market не бесплатен, Дэниел!»

Аааа, а как насчет раздела » Бесплатные товары «? Что интересно в Free Goods, так это то, что на самом деле это шрифты премиум-класса, которые временно бесплатны. Хотя наличие шрифтов не гарантируется, он обновляется шестью новыми дизайнерскими активами каждую неделю (плюс еще три при регистрации и еще три, если вы потратите X суммы на активы).

Я проверял раздел бесплатных товаров на Creative Market каждую неделю в течение многих лет, и я создал большой репозиторий высококачественных шрифтов, которые ничего не стоят. Font Bundles проводит аналогичную сделку.

3. Font Squirrel

Font Squirrel

Font Squirrel похож на Unsplash, но для шрифтов, хотя, учитывая, как долго он существует (очень давно!), Можно сказать, что Unsplash похож на Font Squirrel, но для стоковых изображений более точен! Один из ветеранов сайтов бесплатных шрифтов наряду с Dafont и Urban Fonts, хотя «squirrel» лучше.

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

Генератор веб- шрифтов (конвертирует шрифты TrueType / OpenType в веб-шрифты)
Идентификатор шрифта (для определения шрифта имени из загруженного изображения / снимка экрана)

4. FontSpace

FontSpace

FontSpace — один из самых привлекательных веб-сайтов, хотя он предлагает бесплатные шрифты только для личного использования. Тогда как Font Squirrel подтверждает, что все их шрифты бесплатны для коммерческого использования.

5. By fonts

By fonts

Что отличает Befonts, так это то, что он ориентирован на шрифты для отображения.

Хотя некоторые из шрифтов предлагают только облегченные / демонстрационные версии и достаточно часто бывают только в формате TTF / OTF (что означает, что они менее подходят для Интернета), Befonts — один из очень немногих веб-сайтов, которые не принимают «у нас есть все «(который иногда может быть ошеломляющим). Кроме того, вы всегда можете конвертировать шрифты TTF и OTF в веб-шрифты.

6. Font Shop

Font Shop

Font Shop не фокусируется полностью на бесплатных гарнитурах, таких как Font Squirrel и FontSpace, но это все равно довольно приличная альтернатива, если варианты с первого по четвертый не имеют того, что вы искали. Я считаю, что это наименее удобный из вариантов, но шрифты относительно качественные.

Почетные упоминания

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

  • Dafont
  • Urban Fonts
  • Fontsly

Какой формат шрифта мне нужен?

Форматы шрифтов OpenType (OTF) и TrueType (TTF) были стандартом в течение очень долгого времени и до сих пор широко используются в графическом дизайне. Но при этом форматы WOFF имеют лучшее сжатие в Интернете (особенно WOFF2, который теперь поддерживается в 94,49% веб-браузеров по данным caniuse.com ). Фактически, новый код внедрения Google Fonts теперь предлагает только формат WOFF2.

Итак, вкратце:

  • WOFF2 для веб-встраивания
  • TTF / OTF для всего остального

Какой стиль шрифта мне нужен?

В наше время это не имеет особого значения, потому что нормы немножко выкинули в окно. Например, шрифты с засечками теперь могут выглядеть современно (например, Medium).

Вместо этого нам следует больше сосредоточиться на ясности:

  • Разборчивость (насколько легко отличить символы друг от друга)
  • Читаемость (насколько легко читать предложения в целом)

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

В случае сомнений, WCAG 2.0 / 2.1 (Руководство по доступности веб-контента) содержит все, что вам нужно знать о типографике и ее многочисленных атрибутах, таких как межстрочный интервал, ширина строки, высота строки, размер шрифта и т.д.

Заключение

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

Читайте также:  Как подготовиться и сдать сертификационный экзамен GCP
Оцените статью
bestprogrammer.ru
Добавить комментарий