Верх страницы
Обложка к записи Forecast Font: погодный шрифт
Время для прочтения: 0 мин. 1 сек.

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

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

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

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

Скачиваете архив и в 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;
}

Автор: Кобзарёв Михаил

Русский разработчик со стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Joomla, Drupal, Opencart, Laravel, Moonshine.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы