FontDrop — сервис для просмотра символов шрифтов онлайн

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

Сегодня рассмотрим задачу, похожую по тематике, но «противоположную» по своей сути. Допустим, у вас имеется определенный шрифт, и вы хотите посмотреть, какие именно символы/буквы в него входят. Помнится, для десктопа существует программа FontExpert, но что, если нет времени/возможности ее установить? – на помощь приходят онлайн сервисы, в частности FontDrop.

При переходя на главную страниц ресурса, увидите демонстрацию его работы на примере фонта “Babetta-Regular”. Здесь сразу отображается разная информация по нему:

• Выводится название, стиль, версия и данные о копирайте.
• Определяется поддержка всевозможных OpenType-фишек: кернинг, малые заглавные/строчные буквы, а также другие специализированные параметры.
• Показываются все глифы шрифта онлайн, а также детали для каждого из них (при клике).
• Имеется вкладка с просмотром лигатур.

• Есть демонстрация применения фонта на базовом текстовом примере (с разными размерами букв).
• Также вы можете оценить как именно он будет выглядеть с нужным вам текстом (а не тем, что идет по умолчанию) – вкладка “Type yourself”.
• Поддерживаются переменные фонты.
• Если вам надо сравнить каких-то два варианта, просто открываете рядом два окна браузера.

Использовать сервис FontDrop элементарно — чтобы просмотреть шрифт онлайн просто перетаскиваете соответствующий файл в специальную область в шапке проекта (где написано “Drop your font file here!”). Поддерживаются разные форматы:

• OTF.
• TTF.
• WOFF.

Сразу после перетаскивания отобразятся результаты:

В данном случае у нас максимально простой пример, поэтому тут информации не особо много – только название (themegrill-icons) и версия. Он используется в одном из WordPress шаблонов, и в ходе работы нужно было посмотреть символы шрифта, поэтому сервис FontDrop оказался как нельзя кстати. При клике по глифам увидите чуть больше инфы.

В частности тут есть unicode-значение символа, что пригодится в веб-разработке.

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