Иконка Учебник

Вступление

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

Icon Fonts предоставляет нам разработчикам / дизайнерам отличный обходной путь. Это SVG, загружается один файл (то есть один HTTP-запрос), и вы можете настроить внешний вид с помощью CSS.

Доступно несколько значков шрифтов. Мы будем работать с тремя наиболее популярными из них, а именно: Font Awesome, Bootstrap Glaphycons и Google Material Icons. Все это просто супер, просто в использовании и настройке.

Этот учебник полностью основан на примере. Мы встроили код в JS BIN, чтобы вы могли поиграться с кодом. Надеюсь, вы найдете это полезным и использовать его для своих собственных проектов.

Пожалуйста, поделитесь и напишите в Твиттере, если они вам нравятся, чтобы все больше и больше людей могли воспользоваться этими готовыми примерами и добавить удивительность в свои проекты. Если у вас есть предложения, пожалуйста, напишите нам. Слушать вас почти религиозно для нас.

Далее: Font Awesome Tutorial