шрифтовые иконки оплаты

Payment Webfont — шрифтовые иконки платежных систем в CSS3

Представляем Вам полный набор SVG иконок основных платежных систем мира. Не стоит использовать иконки в формате PNG, когда есть SVG.

Если Вы разрабатываете интернет-магазин, то Вам обязательно понадобится показать иконки платежных систем, принимаемых на сайте. Чаще всего сайты в поиске предлагают иконки в JPG или PNG формате. Но такие элементы тяжело редактировать и подстраивать под общий дизайн сайта. Так почему же не воспользоваться гибким набором шрифтовых иконок, которые меняют цвет, размер, форму?

Использование:

Скачайте архив с файлам с сервера Github (ссылка выше). Подключите основной фай стилей:

<link href="../style.css" rel="stylesheet">

В нем указан импорт файла шрифта:

@font-face {
   font-family: 'payment-webfont';
   src: url('fonts/payment-webfont.eot');
}

HTML код с иконкой будет выглядеть следующим образом:

<li><i class="pw pw-clickandbuy"></i></li>

Полный перечень названий иконок можно найти в документации или в самом файле стилей.

2597 просмотров