5 инструментов для сравнения шрифтов и выбора правильного шрифта для вашей работы

как выбрать шрифтыНа протяжении многих лет мы много говорили о шрифтах. Мы видели, как создавать шрифты

; как скачать бесплатные шрифты

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

Я использую здесь термин «шрифт», потому что это более используемый термин, хотя точный — гарнитура, когда мы говорим о его внешности. Как сказал дизайнер шрифтов Норберт Флорендо: шрифт — это то, что вы используете, а шрифт — то, что вы видите. Помимо семантики, когда мы пытаемся выбрать шрифт, мы проводим довольно много сравнений между различными доступными нам шрифтами. Вот семь инструментов, которые могут помочь вам выбрать правильный шрифт для вашей работы.

Typetester

как выбрать шрифты

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

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

FontComparer

выбирая шрифты
Это еще один инструмент динамического сравнения, позволяющий сразу сравнить различные веб-шрифты. Выбор шрифтов происходит из каталога шрифтов Google и TypeKit. Вы можете ввести свой собственный текст и посмотреть, как шрифты изменяют внешний вид заголовка и строки текста. Когда вы найдете понравившийся шрифт, наведите курсор мыши на образец текста, чтобы появилась ссылка «Получить шрифт». Нажмите на эту ссылку, и CSS для этого шрифта будет отображаться в рамке в нижней части веб-страницы. Вы можете скопировать и вставить код в HTML-код своей веб-страницы. (См. Справочник упоминание)

Тестер шрифтов

выбирая шрифты

Font Tester не так приятен визуально, как первое веб-приложение в нашем списке, но его полезность нельзя отрицать, так как он поставляется с несколькими дополнительными опциями, которые позволяют просматривать и выбирать правильный шрифт. Вы можете использовать сравнение шрифтов и проверить три стиля бок о бок. Вы можете использовать текст по умолчанию или снова ввести свой собственный. Затем поэкспериментируйте со свойствами CSS (включая все шрифты), чтобы получить именно тот вид, который вы хотите для своего веб-дизайна. Палитра цветов позволяет еще более точно настроить внешний вид. Существует также карта символов, которую вы можете использовать, чтобы быстро найти соответствующий объект HTML для определенного символа.

Дизайнерская игрушка

выбирая шрифты

Экспериментируйте с различными шрифтами и сочетанием цветов в этом онлайн-инструменте. Настройте текст, относящийся к основной части текста и заголовкам, и поиграйте с цветами фона и основного текста. Плюс в том, что вы получите мгновенный отзыв о том, соответствует ли выбранная вами комбинация рекомендациям Консорциума World Wide Web (W3C).

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

Шрифт Dragr

как выбрать шрифты

Этот инструмент сравнения шрифтов является экспериментальным, но интересным приложением HTML5. Поэтому он будет работать только в браузерах, которые поддерживают новый стандарт. Прямо сейчас это Firefox 3.6 и выше. Вы можете просто перетащить любые шрифты TrueType (ttf), opentype (otf), масштабируемой векторной графики (svg) или Web Open Font Format (WOFF) с рабочего стола на левую боковую панель, и это изменит семейство шрифтов текст. Текст по умолчанию может быть отредактирован, чтобы включить ваш собственный. Вы можете выбрать шрифты на левой панели и наблюдать за изменениями.

Итак, мы рассмотрели пять онлайн-приложений, которые позволяют нам предварительно просматривать и выбирать правильный шрифт. Если вы ищете бесплатное программное обеспечение для рабочего стола, воспользуйтесь FontViewOK (ver.2.15). Это приложение только для Windows, и, как скажет наш краткий обзор, оно проще, чем веб-приложения, которые мы рассмотрели выше.

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

Изображение предоставлено: Shutterstock

Ссылка на основную публикацию
Adblock
detector