Russian ruble symbol HTML code?

Question

Since Russian central bank already approved the new symbol for Russian ruble, is there any HTML code for it? Or I need to use png images?

Answer 1

I think as of now you have to use the images only for using the rouble symbol since it was decided only on December 11, 2013 so W3C will take some time to implement it.

The best I found in here like The rouble sign in HTML.

<style type="text/css">
    img.ruble-img { height: 1.5ex; }
    span.dot { position:absolute; text-indent: -1000em; }
</style>
<p style="font-size:1em">Bunnies 100 <img src="ruble.gif" class="ruble-img" /><span class="dot">RUR</span> each</p>
<p style="font-size:1.2em">Bunnies 100 <img src="ruble.gif" class="ruble-img" /><span class="dot">RUR</span> each</p>
<p style="font-size:1.5em">Bunnies 100 <img src="ruble.gif" class="ruble-img" /><span class="dot">RUR</span> each</p>
<p style="font-size:2em">Bunnies 100 <img src="ruble.gif" class="ruble-img" /><span class="dot">RUR</span> each</p>

EDIT:-

As per the latest update on 16 Dec 2013:

The next discussion of course will be where in Unicode this will appear. Some have proposed that it will be U+0554, but that is the Armenian letter keh (Ք). Although the appearance is similar, there is a discussion online already of whether this is the best idea to transmit Armenian /k/ as a currency symbol.

Based on previous patterns, I predict that a new code will be assigned, perhaps in the Currency block (U+20BB?) or possibly the Cyrillic block. If it's in the Cyrillic block, it would a new addition to the recent Indian Rupee Symbol (U+20B9/₹) and Turkish Lira sign (U+20BA/₺).

Answer 2

Here's what Wikipedia tells us (http://en.wikipedia.org/wiki/Russian_ruble#Currency_symbol):

On December 11, 2013, the Central Bank of Russia approved the winner of the competition for the new ruble sign. The winning symbol, RUB, is now the official ruble sign.[17] As of 2013, it does not yet have a Unicode code point assigned, but work is proceeding to put it through the standardization process for code point assignment.

So the answer to your question is yes, currently you should use PNG.

Answer 3

You can also use a hosted web font that has the symbol in place. This is relatively well supported, though I don't know if there are any fonts that have the symbol yet. According to wikipedia PT Sans is a potential candidate.

Answer 4

I realize this is an old question, but I have a different answer... font awesome. They have a symbol for the Ruble. So long as you have Font Awesome available to your pages, you can include it like this:

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

Answer 5

You also may use Armenian letter Ք, ք (Ke).

Answer 6

Per this SO answer:

Research showed that in 2014 Russia changed their currency symbol so old fonts did not have the new Glyph so for others who have a similar issue, see if your font has been updated

The post's author also recommends using google's Roboto font. Personally I ran into problems with this unless I included all of the fonts subsets. Using standard font loader syntax, this works for me:

<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">

Note that &subset=all in the snippet above.

Alternatively if you're using typekit's Web Font Loader:

<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.