Когда на сайте применён шрифт с иконками, а задействовано лишь несколько значков, всегда есть желание удалить из файла лишние иконки. Расскажем как это сделать.
Полезные сведения
В современной вёрстке сайта часто применяются иконки. Существуют разные иконографические шрифты, они предлагают множество изображений. Однако на практике сайтом используется лишь несколько символов из конкретного шрифта. И тут возникает вопрос: как оставить в шрифте только используемые иконки, чтобы сократить размер файла?
Решение такого вопроса предлагает сервис Fontello - генератор шрифта только с тем набором иконок, какие вы пометили для себя.
То есть на главной странице сервис демонстрирует вам некоторый набор шрифтов с изображением всех символов каждого шрифта. Сейчас этот набор состоит из таких шрифтов:
Вам нужно кликнуть по тем иконкам, которые хотите получить в шрифте, и в завершение нажать кнопку Download webfont. В результате получаете архив со своим шрифтом (там четыре формата: eot, woff, ttf, svg под все виды браузеров). Там же находятся стили шрифта - это файл fontello.css.
Если стремитесь предельно сократить количество файлов, подгружаемых к вашей вёрстке, тогда из четырёх форматов иконографического шрифта используйте только ttf (для Chrome 4+, Firefox 3.5+, Opera 10+, Safari 3.1+, IE 9+, Android 2.2+) и формат svg (для iOS 1+).
Теги: fontello, генератор шрифта, fontelico, font awesome, entypo, typicons, iconic, modern pictograms, meteocons, mfg labs, maki, zocial, brandico, elusive, linecons, web symbols
Хотите чтобы мы рассказали ещё о чём-то - предлагайте тему.
Следите за нашими публикациями в социальных сетях и новостных каналах.
ВКонтактеGoogle+Facebook