Сайт шрифтов: Шрифты Онлайн — красивые шрифты

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

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

Что искать в агрегаторе шрифтов

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

• Выбор шрифта: вы будете удивлены, сколько существует веб-сайтов с бесплатными шрифтами и сколько различных шрифтов они предлагают. Мы отсеяли плохие и нашли лучшие веб-сайты, которые предлагают сотни, если не тысячи, бесплатных шрифтов. Мы выбрали эти сайты из-за их обширных и разнообразных библиотек, поэтому найти то, что вам нравится, не должно быть проблемой ни для одного из них.
• Организация: мало пользы от тонны доступных шрифтов, если вы не можете легко их отсортировать. Возможность поиска шрифтов по имени, лицензиям или стилям — чрезвычайно важная функция для библиотек шрифтов. Конечно, если вы еще не знаете, чего хотите, и просто хотите просмотреть все шрифты, которые есть в агрегаторе, это не имеет большого значения. В этом случае гораздо важнее веб-сайт с чистым пользовательским интерфейсом, который четко различает шрифты.
• Лицензирование: есть два основных типа лицензий на шрифты, о которых вам нужно беспокоиться: личные и коммерческие. Иногда это бывает по-разному, но, вообще говоря, лицензия Personal не позволяет вам использовать шрифт в проектах, которые приносят доход или будут видны многим людям, в то время как коммерческая лицензия позволяет. Шрифт может быть бесплатным для личного использования, но не коммерческим, на что вам нужно обратить внимание. Все сайты здесь предлагают как бесплатные коммерческие шрифты, так и некоторые платные опции, поэтому всегда дважды проверяйте, какие лицензии бесплатны, прежде чем их использовать. Некоторые авторы шрифтов могут также иметь особые правила использования их шрифтов, указанные на странице загрузки, которые следует соблюдать.

AZFonts.net — огромный каталог шрифтов для разных задач и целей

Сайт предлагает более 50 тысяч шрифтов в 70 разных категориях — от классических Sans Serif до шрифтов в стиле «Киберпанк» и «Дикий запад».

Модерация и добавление шрифтов в каталог осуществляется в ручном режиме. На AZFonts.net есть как коммерческие (платные), так и полностью бесплатные шрифты от разных дизайнеров. Каждый бесплатный шрифт можно скачать в любом удобном формате на выбор: TTF, OTF, WOFF, WOFF2, SVG, EOT или PFB. AZFonts.net доступен на русском, английском и немецком языках.

Наиболее доступные: шрифты Google

Google

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

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

Разнообразная библиотека: FontBundles

FontBundles

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

Ориентировано на пользователя: Behance

Behance

В отличие от остальных сайтов здесь, Behance это скорее платформа социальных сетей (принадлежащая и поддерживаемая Adobe), где пользователи могут загружать и продавать творческие проекты, такие как шрифты. Все шрифты здесь загружаются их отдельными создателями, поэтому не все будет бесплатным для коммерческого использования, но все же существует широкий спектр шрифтов, которые доступны. К сожалению, инструменты поиска ограничены поиском по имени, и на сайте нет специального раздела для бесплатных шрифтов. Однако, выполнив поиск «бесплатные шрифты» и затем применив один из множества тегов (например, vintage, sans serif и script), вы можете сузить область поиска, чтобы найти то, что вам нужно.

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

Огромная коллекция: DaFont

DaFont

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

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

Лучшие поисковые инструменты: FontSpace

FontSpace

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

Лучшее для просмотра: Pixelsurplus

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

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

Создайте свой собственный шрифт: FontStruct

FontStruct

Пока FontStruct позволяет просматривать и загружать шрифты от других пользователей (некоторые из них бесплатны для коммерческого использования, другие — нет, поэтому проверьте лицензии), его наиболее определяющей особенностью является построитель шрифтов. Этот инструмент можно использовать в браузере для создания собственных шрифтов. Инструменты ограничены по сравнению со специальной дизайнерской программой, но их все еще достаточно, чтобы сделать что-нибудь крутое. Если у вас в голове есть идеальный шрифт, но вы нигде не можете его найти, то FontStruct дает вам возможность сделать его самостоятельно.

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

9 бесплатных инструментов для работы, которые вам нужно знать

Каждый день появляются новые шрифты. На одном лишь myfonts.com их более 26 тысяч! Довольно большой скачок с тех дней, когда браузеры могли отображать лишь несколько шрифтов вроде Arial, Helvetica и Times New Roman.

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

Базы шрифтов

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

1. Google Fonts

В базе Google Fonts более 800 шрифтов, и все они актуальны – то есть у вас не возникнет проблем с пропускной способностью.

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

2. Adobe TypeKit

Коллекция TypeKit от Adobe чрезвычайно эффективна, и в ней гораздо больше шрифтов, чем Google Fonts.

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

Определение шрифта

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

3. What the Font

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

4. Identifont

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

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

5. WhatFont

Независимый разработчик Chengyin Liu создал приложение WhatFont в виде расширения для браузера и даже мобильного приложения. В браузере вы просто кликаете на интересующий вас шрифт, и WhatFont отображает его название.

В последних обновлениях WhatFont теперь отображает поставщика шрифтов, например Google Fonts или Adobe TypeKit, для дальнейшего облегчения процесса.

6. Type Sample

Подобно WhatFont, Type Sample позволяет безболезненную идентификацию и выборку веб-сайтов через букмарклет или расширение.

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

Объединение шрифтов

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

7. MixFont

MixFont объединяет случайные шрифты друг с другом, чтобы дать вам представление о том, как они могут работать вместе. Сгенерированные пары сайта могут быть несколько разношёрстными, но зато удобная навигация и встраивание в панель инструментов.

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

8. Canva Font Combinations

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

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

9. Typ.io

Typ.io – это база данных работ других дизайнеров, которые уже объединяли шрифты до вас.

Можно сказать, что Typ.io – это Font Combinations, но уже из реальных работ.

Что-то вроде заключения

Используйте эти инструменты, чтобы максимально эффективно использовать своё время и не попасть в ловушку выбора, который обычно выглядит “Ой, а может вот этот ещё попробовать?”

Надеемся, упомянутые нами сайты и приложения помогут вам в нелёгком деле создания красоты. Веселитесь! 😉

Читайте также:

Райан Гослинг и дизайн: в поисках худшего шрифта

Мечта дизайнера: появилось приложение, которое распознаёт шрифт

Украинский шрифт Bandera Pro стал основой нового дизайна «Газпром-медиа»

FontSite Inc.

MicroSquare Компания ФонтСайт. 12 стилей От 12,00 $

Купить

Тональный шрифт Sans Компания ФонтСайт. 24 стиля От $19.00

Купить

Урбано Компания ФонтСайт. 24 стиля От $19.00

Купить

Лион Компания ФонтСайт. 3 стиля От $12.00

Купить

Функция Pro Компания ФонтСайт. 21 стиль От $19.00

Купить

Марта Компания ФонтСайт. 6 стилей От $12.00

Купить

Серапин Компания ФонтСайт. 2 стиля От $12.00

Купить

Банкирская площадь Компания ФонтСайт. 6 стилей От $12.00

Купить

Век Модерн FS Компания ФонтСайт. 16 стилей От $12.00

Купить

Компресса Компания ФонтСайт. 6 стилей От $12.00

Купить

Пейно Компания ФонтСайт. 2 стиля От $12.00

Купить

Regalis Компания ФонтСайт. 12 стилей От $12. 00

Купить

Bodoni Recut FS Компания ФонтСайт. 16 стилей От $12.00

Купить

Бенекарло Компания ФонтСайт. 6 стилей

Купить

Garamond Modern FS Компания ФонтСайт. 8 стилей От $12.00

Купить

Савойя Компания ФонтСайт. 5 стилей От $12.00

Купить

Фландрия Компания ФонтСайт. 8 стилей От $12.00

Купить

Lydian FS Компания ФонтСайт. 4 стиля

Купить

Clearface Sans FS Компания ФонтСайт. 3 стиля От $12.00

Купить

Пуэнте Компания ФонтСайт. 5 стилей От $12.00

Купить

Рокингем Компания ФонтСайт. 8 стилей От $12.00

Купить

Борджиа Про Компания ФонтСайт. 8 стилей 4 шрифта бесплатно!

Купить

Калгари Компания ФонтСайт. 8 стилей

Купить

Lanston Bell Компания ФонтСайт. 2 стиля От $12.00

Купить

Престиж ФС Компания ФонтСайт. 2 стиля От $12.00

Купить

Шантильи Компания ФонтСайт. 15 стилей

Купить

Граверы Gothic FS Компания ФонтСайт. 4 стиля От $12.00

Купить

Веллум Компания ФонтСайт. 1 стиль От $12.00

Купить

Фремонт Компания ФонтСайт. 2 стиля От $12.

00

Купить

Квадратные засечки Компания ФонтСайт. 10 стилей От $12.00

Купить

Гравёры Староанглийский FS Компания ФонтСайт. 2 стиля От $12.00

Купить

Альмерия Компания ФонтСайт. 4 стиля От $12.00

Купить

Колнер Гротеск Компания ФонтСайт. 2 стиля От $12.00

Купить

Халкидон Компания ФонтСайт. 1 стиль От $12.00

Купить

Фелтон Компания ФонтСайт. 1 стиль

Купить

Трафарет Glaser Компания ФонтСайт. 1 стиль От $12.00

Купить

Тональный монохром Компания ФонтСайт. 4 стиля От $14,00

Купить

Pierpont Компания ФонтСайт. 4 стиля

Купить

Garamond Oldstyle FS Компания ФонтСайт. 3 стиля От $12,00

Купить

Кони Компания ФонтСайт. 3 стиля От $12.00

Купить

Авалон Компания ФонтСайт. 14 стилей От $19.00

Купить

Учебник Century FS Компания ФонтСайт. 4 стиля От $12.00

Купить

Боден Компания ФонтСайт. 3 стиля

Купить

Франклин Оригинал Компания ФонтСайт. 3 стиля От $19.00

Купить

Koch Геометрический Компания ФонтСайт. 5 стилей От $12.00

Купить

Наварро Компания ФонтСайт. 7 стилей От $12,00

Купить

Легьеро Компания ФонтСайт. 1 стиль От $12,00

Купить

Графейн Про Компания ФонтСайт. 10 стилей От $14.00

Купить

Пиццикато Компания ФонтСайт. 2 стиля

Купить

Baskerville Old Face FS Компания ФонтСайт. 1 стиль От $12.00

Купить

Размер шрифта | Система веб-дизайна США (USWDS)

Маркеры дизайна

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

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

Токены темы

На следующей диаграмме показаны настройки USWDS по умолчанию для девяти токенов размера темы. Настройте вывод в соответствии с потребностями вашего проекта в

$uswds-theme-typography.scss , установив переменные, перечисленные ниже. Если для вашего проекта требуется более девяти размеров, используйте токены системного размера по мере необходимости.

Токен	По умолчанию	Пример	Значение	Переменная настроек
'3xs'	2	Таллахасси	13 пикселей	$тип-тема-масштаб-3xs
'2xs'	3	Таллахасси	14 пикселей	$ тема-тип-масштаб-2xs
'хз'	4	Таллахасси	15 пикселей	$тип-тема-масштаб-xs
'см'	5	Таллахасси	16 пикселей	$ тема-тип-масштаб-см
мд	6	Таллахасси	17 пикселей	$тип-тема-масштаб-md
лг	9	Таллахасси	22px	$тип-тема-масштаб-lg
'XL'	12	Таллахасси	32px	$тип-темы-масштаб-xl
'2XL'	14	Таллахасси	40 пикселей	$тип-тема-масштаб-2xl
'3XL'	15	Таллахасси	48 пикселей	$тип-тема-масштаб-3xl

Системные токены

Токен	Значение	Пример
«микро»	10 пикселей	Таллахасси
1	12 пикселей	Таллахасси
2	13 пикселей	Таллахасси
3	14 пикселей	Таллахасси
4	15 пикселей	Таллахасси
5	16 пикселей	Таллахасси
6	17 пикселей	Таллахасси
7	18 пикселей	Таллахасси
8	20 пикселей	Таллахасси
9	22px	Таллахасси
10	24px	Таллахасси
11	28 пикселей	Таллахасси
12	32px	Таллахасси
13	36 пикселей	Таллахасси
14	40 пикселей	Таллахасси
15	48 пикселей	Таллахасси
16	56 пикселей	Таллахасси
17	64px	Таллахасси
18	80 пикселей	Таллахасси
19	120 пикселей	Таллахасси
20	140 пикселей	Таллахасси

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

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

Контекст	Применение	Пример
функция	размер (семейство, размер)	размер шрифта: размер ( 'тело' , '2xl' )
миксин размер шрифта	u-размер шрифта (семейство, размер)	@include u-font-size( 'тело' , '2xl' )
миксин семейство шрифтов размер шрифта	U-шрифт (семейство, размер)	@include u-шрифт( "кузов" , "2xl" )
параметр	размер	$ тема-h2-размер шрифта: '2xl'
полезность семейство шрифтов размер шрифта	. Оставить комментарий Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт