Шрифт нового знака рубля

Сейчас очень многие сайты используют новый дизайн рубля, вставляют его либо картинкой, либо кто-то пользуется шрифтом. Я же предлагаю вам сразу 2 варианта и начну с картинки. Просто скачивайте ее и вырезайте в фотошопе или любом другом редакторе нужную букву.

Новый знак рубля
Новый знак рубля

Но есть более правильное решение — это подключать специальный шрифт и вставлять знак специальным кодом.

В нашем любимом IE8 и ниже данный символ не отображается, так что учтите это.

Первым делом подключаем шрифт `PT Sans` через гугл фонтс

<link href="https://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css" />

Теперь в стили нашего сайта добавим новый класс

.rubl {font-family: 'PT Sans', serif;}

И теперь нам осталось в HTML вставить специальный код

<span class="rubl">&#8399;</span>

Вот и все. Но если для вас это сложно, то можете скачать пример, а демо посмотреть ниже

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Scroll Up
Adblock detector