Font Reaper - node скрипт, разбирающий «иконочные шрифты» на CSS файлы с фоновыми SVG-глифами
Масштабируемые векторные иконки, такие как Font Awesome, стали очень популярны в веб-разработке. Они добавляют новизну в дизайн сайта, а также делают его проще и понятней для посетителей. Но «иконочные шрифты» приносят и ряд проблем. Это слишком долгая загрузка сайта для людей с медленным интернетом, проблемы с некоторыми устройствами и браузерами, а также настоящее мучение для слабовидящих людей.
Font Reader – это node script, который может решить многие проблемы, связанные с Font Awesome. Он разбивает «иконочный шрифт», и строит из него синтаксически подобную альтернативу.
Это быстрый и легкий скрипт, сделанный из необходимости разделения Font Awesome, или grunticon, на растровые изображения и спрайты. Font Reader принимает CSS файл «иконочного шрифта», затем пытается прочитать файлы SVG, которые находятся в том же каталоге. После чего, он строит из них пару CSS файлов, с SVG глифами, и встроенными данными URI.
Этот скрипт может легко генерировать массивные CSS файлы, на 50-60% больше, чем сами файлы SVG, от которых они произошли. При этом, вы можете выбрать наиболее важные глифы, наряду с основными классами иконок. Затем положить их в основной CSS файл вашего сайта. Остальные значки могут быть помещены в отдельную таблицу стилей, и загружаться в конце <body>.
Комментариев 0