Добавить в корзинуПозвонить
Найти в Дзене
HTML Academy

Подборка инструментов разработчика для работы со шрифтами

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

🗂 Базы шрифтов:

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

🔧 Google Fonts

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

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

🔧 Adobe Fonts

База Adobe Fonts содержит тысячи шрифтов.

Шрифты Adobe недоступны как отдельный продукт, как у Typekit, поэтому для использования сервиса вам потребуется подписка на Creative Cloud. В остальном Adobe Fonts схож с Google Fonts — вы просто вставляете шрифт в код страницы.

🗂 Инструменты для определения шрифта:

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

🔧 What the Font

Ресурс What the Font позволяет определить, с каким шрифтом вы столкнулись.

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

🔧 Identifont

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

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

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

🔧 WhatFont

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

🔧 Fount

Браузерное расширение.

Подобно WhatFont, Fount позволяет идентифицировать шрифт, его характеристики и поставщика.

Для использования инструмента необходимо добавить сайт с инструментом в закладки. После зайти на сайт с интересующим шрифтом и нажать на закладку Fount.

🗂 Для работы с типографикой:

Для автоматизации можно использовать различные инструменты, которые уже сделаны разными компаниями.

🔧 Типограф и Типограф Лебедева

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

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

🔧 Главред

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

🔧 Орфограммка

Умная проверка пунктуации, грамматики и стилистики на основе машинного обучения. Находит даже очень сложные ошибки. Просто вставьте свой текст и получите подробный разбор с советами по исправлению. Сервис платный, но не дорогой — сто тысяч знаков стоят 100 рублей.

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

⚡ Сохраняйте пост к себе, чтобы не потерять.