Tehnografi.com - Технологические новости, обзоры и советы
[adinserter block="67"]

Fontisto — бесплатный пакет Iconfont и набор инструментов CSS

Примечание. Следующая статья поможет вам: Fontisto — бесплатный пакет Iconfont и набор инструментов CSS

Благодаря поддержке CSS3 пользовательских веб-шрифтов все больше дизайнеров используют шрифты-иконки.

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

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

Библиотека шрифтов Fontisto

Скачать Fontisto можно прямо с главной страницы или через GitHub. Все значки бесплатны для любого проекта, включая коммерческое использование, а последняя версия — 2.0.1, поэтому она готова для производственных сайтов.

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

Чтобы начать использовать значки Fontisto, вам нужен только файл CSS, содержащий основные шрифты.

Всего одна строка кода, чтобы все было установлено. Довольно круто!

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

Посетите их страницу примеров для идей и живых демонстраций.

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

Примеры иконок Fontisto

Но вы можете просмотреть всю библиотеку иконок, если ищете конкретную.

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

А я упоминал, что у Fontisto есть бесплатная надстройка для браузера? Вы можете установить его в Chrome, Firefox или Opera, чтобы получать значки прямо из браузера.

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

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