Forecast Font: погодный шрифт

Ребята из Iconvault сделали потрясающий веб-шрифт для создания многослойных иконок погоды.

Главное преимущество данного шрифта - полная масштабируемость его символов, что позволяет с легкостью использовать его на любых устройствах и платформах.

Forecast Font

Как использовать

Скачиваете архив и в CSS подключаете данный шрифт:


@font-face {
	  font-family: "iconvault";
	  src: url("iconvault_forecastfont.eot");
	  src: url("iconvault_forecastfont.eot?#iefix") format("embedded-opentype"),
	       url("iconvault_forecastfont.woff") format("woff"),
	       url("iconvault_forecastfont.ttf") format("truetype"),
	       url("iconvault_forecastfont.svg#iconvault") format("svg");
	  font-weight: normal;
	  font-style: normal;
}

Теперь, чтобы вывести на странице солнце, достаточно в HTML создать тег с классом icon-sun:


<span class="sun"></span>

и в CSS написать:


.icon-sun::after {
	content: "\f113";
	color: rgb(255, 165, 0);
	position: absolute;
}

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>