В этом уроке мы закончим делать главную страницу нашего сайта-визитки — добавим информацию в подвал, а именно иконки. Но прежде, в начале урока я показал, как нужно «прибить» подвал к низу страницы, добавив несколько css правил. Первое, что может прийти в голову — сделать иконки при помощи картинок. И это будет абсолютно верно. Ресурсов где можно скачать подобные иконки, достаточно много. В своей практике я часто использую https://www.iconfinder.com/. Второй способ — иконочный шрифт. Сейчас иконочные шрифты набирают огромную популярность. В чем главный плюс иконочных шрифтов? Он заключается в скорости загрузки страниц. Понятно, что картинки для каждой иконки или даже спрайт могут быть достаточно большого размера. Учитывая, что на сайт грузятся другие картинки, скрипты и другие ресурсы, то иконки могут стать и без того лишним грузом.
Код урока - http://kamil-abzalov.ru/videouroki/html-css/icon-font/