Сейчас появляются все больше различных приложений, инструментов, плагинов и других ресурсов по веб-типографике, призванных облегчить жизнь разработчикам и веб-дизайнерам.
В подборка вошли наиболее популярные и самые полезные из них.
Проверьте свои знания типографики с помощью специального теста.
Распознавание различных стилей шрифтов – одна из самых сложных частей типографики. Эта игра поможет вам натренировать глаза, чтобы замечать мельчайшие детали.
Обучающая игра, которая учит игроков, как формировать типографически совершенные абзацы.
Бесплатный курс веб-типографики для веб-дизайнеров и веб-разработчиков.
Расширение для браузера, которое анализирует типографику на вашем сайте и помогает ее улучшить.
Еще одно расширение, которое измеряет длину строк прямо на странице.
А это расширение не только измеряет длину строки, но и помогает оптимизировать ее между 45 и 75 знаками.
Краткое справочное руководство по наилучшей практике веб-типографики.
Тренируйте свои глаза, чтобы стать профессионалом в кернинге с этой веселой игрой.
Это плагин для Sketch, который помогает улучшить типографику.
Плагин для Sketch, который решит проблему с отсутствующими шрифтами.
Установите шрифты с сайтов из библиотеки одним щелчком мыши. Шрифты устанавливаются из облака на компьютер за считанные секунды.
Это бесплатный, красиво созданный менеджер шрифтов.
Еще один менеджер шрифтов для предварительного просмотра, синхронизации, установки и организации шрифтов, с безупречной интеграцией в любое программное обеспечение дизайна.
Это бесплатный редактор шрифтов, который позволяет создавать векторную графику и экспортировать шрифты TTF, EOT и SVG.
Это бесплатный редактор шрифтов с открытым кодом.
Это красивая библиотека шрифтов, готовая к использованию с мощным приложением для организации и обмена шрифтами.
Английский словарь общей типографский терминологии.
Анимированные шпаргалки по типографике.
Узнайте больше об анатомии шрифтов.
Это расширение для браузера, которое позволяет вам проверять, пробовать, добавлять в закладки и покупать шрифты на любых веб-сайтах.
Это удобный и бесплатный ресурс, который веб-дизайнеры и шрифтовые дизайнеры могут использовать, чтобы увидеть, как шрифты будут выглядеть в интернете.
Обзор классификаций шрифтов.
Самый простой способ определить шрифт на сайте.
Самый простой способ определить шрифт на сайте с помощью iPhone.
Это расширение позволяет тестировать шрифты на любом веб-сайте и применять таргетинг, чтобы понять, какие элементы и шрифты лучше применять.
Панель инструментов, позволяющая настраивать и предварительно просматривать шрифты Typekit.
Это расширение поможет Вам проверить веб-шрифты на активной вкладке chrome с помощью typewonder.com.
Расширение, которое позволяет выбрать шрифт из каталога шрифтов Google с несколькими параметрами стиля текста и просмотреть их на текущей вкладке.
Попробуйте шрифты бесплатно или арендуйте их.
Бесплатная книга на английском по сочетанию шрифтов.
Бесплатные вдохновляющие комбинации веб-шрифтов с цветовыми палитрами и готовым к использованию HTML / CSS кодом.
Краткое базовое руководство по сочетанию шрифтов.
Найдите комбинацию шрифтов для вашего дизайна.
Найдите вдохновение для комбинирования шрифтов.
Подборка лучших шрифтов из библиотеки Google Fonts.
Поиграйте с вариативные шрифтами.
Простой ресурс для поиска и тестирования вариативных шрифтов.
Руководство по использованию вариативных шрифтов на сайте.
Добавляет возможности OpenType (лигатуры, кернинг и многое другое) для нормализации в CSS.
Типографский пре-процессор для вашего html, который использует нулевой JavaScript на стороне клиента и дает вам расширенные типографские возможности.
Руководство от Adobe про индивидуальные возможности OpenType и как их использовать в CSS.
Это инструмент WYSIWYG для установки вертикального ритма на веб-сайтах.
Создавайте красивую веб-типографику прямо в браузере.
Установите типографскую систему с модульной шкалой и вертикальным ритмом.
Полноценный стартовый набор веб-типографики.
Модульный калькулятор масштаба, встроенный в ваш Sass.
Этот Sketch-плагин генерирует типографскую шкалу из выбранных текстовых слоев.
Основывайте ваши дизайны в Sketch на модульных масштабах с помощью этого плагина.
Этот калькулятор поможет сгенерировать пропорциональные цифры на основе ваших данных для типографики.
Источник: сайт https://infogra.ru/
Загрузка...
