Вот что сообщает нам Википедия (http://en.wikipedia.org/wiki/Russian_ruble#Currency_symbol):

Вы также можете использовать размещенный веб-шрифт, у которого есть символ на месте. Это относительно хорошо поддерживается, хотя я не знаю, есть ли еще шрифты с этим символом . Согласно Википедии PT Sans является потенциальным кандидатом.

Подробное объяснение можно прочитать здесь http://www.artlebedev.ru/tools/technogrette/html/rouble/

А можно использовать http://www.artlebedev.ru/kovodstvo/sections/159/rouble.otf

Вы можете подделать его, используя зачеркнутый текст.

HTML 4.00 и более ранние версии

Bunnies 100 <strike>P</strike>

Производит это: Кролики 100 P

HTML 4.01 и более поздние версии

Bunnies 100 <del>P</del>

Производит это: Кролики 100 P

Украшение текста CSS

Bunnies 100 <span style="text-decoration:line-through">P</span>

не работает в средстве визуализации SO

Вы также можете использовать армянскую букву Ք, ք (Ке).

Я добавлю кое-что ко всем остальным ответам: будьте осторожны, чтобы НЕ перепутать новый знак рубля с похожим, но совершенно другим знаком «филиппинского песо», «₱», закодированным в U + 20B1.

Выполнение ‹strike›P‹/strike› будет, в зависимости от шрифта, больше похоже на знак филиппинского песо, чем на знак российского рубля.

За этот ответ SO:

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

Автор поста также рекомендует использовать шрифт Google Roboto. Лично у меня возникли проблемы с этим, если я не включил все подмножества шрифтов. Используя стандартный синтаксис загрузчика шрифтов, это работает для меня:

<link href="//fonts.googleapis.com/css?family=Roboto:100normal,100italic,300normal,300italic,400normal,400italic,500normal,500italic,700normal,700italic,900normal,900italic&amp;subset=all" rel="stylesheet" type="text/css">

Обратите внимание на &subset=all во фрагменте выше.

В качестве альтернативы, если вы используете загрузчик веб-шрифтов от typekit:

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
<script type="text/javascript">
WebFont.load({
  google: {
    families: [ 'Roboto::all' ]
  }
});

Again note :all in the example above.

Для него также есть два специальных глификона Bootstrap:

<span class="glyphicon glyphicon-ruble"></span> <span class="glyphicon glyphicon-rub"></span>

Вы можете использовать объект Intl.NumberFormat. .

var amount = 654321.987;

console.log(new Intl.NumberFormat('ru-RU', {
  style: 'currency',
  currency: 'RUB'
}).format(amount));

Просто найдите знак рубля с помощью Google, затем найдите этот знак и скопируйте его. Теперь у вас есть этот символ, который просто вставляется слева. Вставьте везде, где вы хотите. Это более простой способ сделать это.

Вы также можете скопировать его отсюда. Теперь я оставил этот символ: ₽ Отличного кодирования, получайте удовольствие. ????.

Я понимаю, что это старый вопрос, но у меня есть другой ответ... отличный шрифт. У них есть символ рубля. Пока у вас есть Font Awesome, доступный для ваших страниц, вы можете включить его следующим образом:

<i class="fa fa-rub"></i>

В Unicode он кодируется как U+20BD ₽ ЗНАК РУБЛЯ (HTML ₽ ). Его можно ввести на русской клавиатуре компьютера как AltGr+8 в Windows и Linux или AltGr+Р (позиция Qwerty H) в macOS.