Сейчас очень многие сайты используют новый дизайн рубля, вставляют его либо картинкой, либо кто-то пользуется шрифтом. Я же предлагаю вам сразу 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">⃏</span>
Вот и все. Но если для вас это сложно, то можете скачать пример, а демо посмотреть ниже