it-swarm.com.ru

Символ русского рубля HTML code?

Поскольку российский центральный банк уже утвердил новый символ российского рубля, есть ли для него HTML-код? Или мне нужно использовать PNG изображения? 

30
user3116402

С 16 июня 2014 года в кодировке Unicode присутствует буква \u20bd, представляющая знак валюты в рублях: 

₽

Хотя, полагаю, в настоящее время не все шрифты способны это показать. Способность видеть знак в браузере обычно зависит от ваших системных шрифтов. На сегодняшний день мои веб-шрифты Mac OS показывают это правильно, но я не проверял это на Windows и Linux. 

Поэтому не рекомендуется использовать этот новый знак, когда для читателя важно видеть, что он полагается только на системные шрифты, которые могут быть устаревшими. Если вы хотите быть уверены в том, что знак будет отображаться, вам нужно будет предоставить собственный шрифт хотя бы для абзацев, которые могут содержать знак RUB. 

Из Википедии:

4 февраля 2014 года Технический комитет Unicode на своем 138-м Встреча в Сан-Хосе приняла U + 20BD ₽ рубль знак символ для Unicode версия 7.0, символ был включен в Unicode 7.0 выпущен 16 июня 2014 г. 

http://en.wikipedia.org/wiki/Russian_ruble#Currency_symbol

29
Клаус Шварц

Россия поменял символ рубля около 2013-12.

Подробности смотрите на страницах Википедии на Российский рубль и на Знак рубля .


Unicode 7: U+20BD

Консорциум Unicode официально обозначил кодовую точку , U+20BD RUBLE SIGN, номер 8,381 (десятичный) и U + 20BD (шестнадцатеричный Unicode) для нового символа в Unicode 7.0 , выпущенного 2014-06-16. Смотрите последнюю запись в этот Юникод-график символов валют ( PDF ).

Не путайте этот новый символ с армянской буквой ք или латинской буквой .

Кстати, Unicode 7 также получил manat используемый в Азербайджане, U + 20BC MANAT SIGN, ₼. Что еще более важно, Unicode также получил знак руки Спока , Vulcan Salute , U + 1F596, ????.

Шрифты

У старых шрифтов, конечно, не будет глифа . Вам нужно будет получить новые или обновленные шрифты

Персонаж

Я не понимаю, что такое "HTML-код" в вашем вопросе. Если вы имели в виду символьную ссылку на сущность , я не знаю ни одной именованной ссылки. Вы можете использовать ₽ в своем HTML для ссылки по десятичному числу кодовой точки Unicode.

Используйте сокращение: RUB

В качестве альтернативы символу вы всегда можете использовать трехбуквенное сокращение RUB. Международная стандартизирована в ISO 4217 .


Используйте изображение

Да, вы можете использовать изображение. 

Если вы должны поддерживать старые компьютеры или старые браузеры, еще не обновленные с поддержкой и символами для Unicode 7, то использование изображения или сокращения RUB являются единственными надежными решениями.

Википедия изображение

Эта страница в Википедии содержит изображение отрисовано в формате SVG под Creative Commons лицензией. 

lenta.ru

Возможно, этот большой рендеринг без засечек от lenta.ru может быть легально доступен; Я не знаю, так как я не читаю русский язык.

http://icdn.lenta.ru/images/2013/12/11/12/20131211120143352/pic_a717232efc27b9b9fb68fea1c9cd3d72.jpg

Large rendering in sans-serif style of the new Ruble symbol

Вот официальная схема спецификации символа:

Diagram of new Ruble symobl

22
Basil Bourque

Используйте ₽ html мнемонику

₽ 100

9
userlond

Я думаю, что на данный момент вы должны использовать только изображения для использования символа рубля, поскольку это было решено только 11 декабря 2013 г. поэтому W3C потребуется некоторое время для его реализации.

Лучшее, что я нашел здесь: знак рубля в 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>

Правка:-

Согласно последнее обновление от 16 декабря 2013 г. :

Следующее обсуждение, конечно, будет, где в Юникоде это будет появляются. Некоторые предположили, что это будет U + 0554, но это Армянская буква кех (Ք). Хотя внешний вид похож, есть обсуждение в сети уже того, является ли это лучшей идеей передать армянский/к/как символ валюты.

Основываясь на предыдущих шаблонах, я предсказываю, что новый код будет назначен, возможно, в блоке Валюта (U + 20BB?) или, возможно, Кириллица. Если он находится в блоке кириллицы, это будет новое дополнение на недавний символ индийской рупии (U + 20B9/₹) и знак турецкой лиры (U + 20BA/₺).

5
Rahul Tripathi

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

11 декабря 2013 года Центральный банк России утвердил победителя конкурса на новый знак рубля. Символ победы, RUB, теперь является официальным знаком рубля. [17] По состоянию на 2013 год ему еще не назначена кодовая точка Unicode, но продолжается работа по ее стандартизации для назначения кодовой точки.

Таким образом, ответ на ваш вопрос - да, в настоящее время вы должны использовать PNG.

4
Michael Kruglos

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

3
PaulProgrammer

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

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

2
Miguel Farah

За этот 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">

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

В качестве альтернативы, если вы используете typekit 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' ]
  }
});

Снова обратите внимание на :all в примере выше.

2
mralexlau

Вы можете подделать его с помощью зачеркнутого текстового оформления. 

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

Bunnies 100 <strike>P</strike>

Производит это: Bunnies 100 П

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

Bunnies 100 <del>P</del>

Производит это: Bunnies 100 П

CSS текстовое оформление

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

не работает в рендерере SO

2
techturtle

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

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

2
user3099838

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

2
miyconst

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

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

0
Yuri Zhuravel

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

var amount = 654321.987;

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

0
Yi-Ting Liu

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

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