Содержание:
Bootstrap 3 - Иконки погоды
Бесплатный набор иконок для платформы Twitter Bootstrap, выполненный в виде шрифта, как Font Awesome и Glyphicons. Набор состоит из 123 значков, которые выполнены очень качественно и хорошо масштабируются.
Ниже приведены некоторые иконки из этого набора. С полным перечнем значков можно познакомиться на странице проекта "Weather-icons", который расположен на GitHub.
wi-day-lightning
wi-sprinkles
wi-hot
wi-snow-wind
wi-cloud-down
wi-lightning
wi-day-cloudy-gusts
wi-day-cloudy-windy
wi-day-fog
wi-day-sunny
wi-day-snow
wi-smoke
wi-thermometer
wi-strong-wind
wi-night-thunderstorm
wi-night-sprinkle
wi-night-cloudy
wi-night-alt-snow
wi-night-rain
wi-day-cloudy-windy
wi-solar-eclipse
wi-meteor
wi-tornado
wi-sunrise
wi-sunset
wi-night-rain-mix
wi-thermometer-exterior
wi-wind-north-west
Использование иконок "Weather"
Установка иконок ни чем не отличается от Font Awesome и состоит, как правило, из 3 простых шагов. На первом шаге необходимо скачать zip архив и распаковать его в свой bootstrap проект.
Скачать с сайта Скачать с Github
На втором шаге необходимо подключить CSS файл weather-icons.min.css к веб-странице в разделе head.
<head> ... <link rel="stylesheet" href="css/weather-icons.min.css"> ... </head>
На третьем шаге используем иконки, которые можно поместить практически в любом месте с помощью префикса wi и имени иконки.
Например:
<p style="font-size:30px;"><i class="wi wi-night-alt-lightning"></i><i class="wi wi-night-cloudy"></i><i class="wi wi-rain"></i></p> <hr> <p style="font-size:50px;"><i class="wi wi-sunrise"></i><i class="wi wi-night-fog"></i></p> <hr> <p style="font-size:100px;"><i class="wi wi-night-alt-snow-wind"></i></p>