Кроссбраузерный значок рубля на CSS. Как набрать знак рубля на клавиатуре? Почему не отображается? Код рубля на клавиатуре

Многие из нас, а особенно те, кто имеет дело с финансовыми документами, используют символы валют при написании различных текстов. На протяжении многих лет мы используем знаки доллара ($), фунта-стерлинга (£), евро (€), а в конце 2013 года к ним добавился и знак рубля – (₽). В данной статье я расскажу, как напечатать знак рубля на клавиатуре, и что делать, если по каким-либо причинам он у вас не отображается.

Что нужно знать о символе российской валюты

Потребность в создании единого знака рубля существовала с начала 90-х годов, когда Российская Федерация оформилась как самостоятельное государство со своей национальной валютой. Неоднократно проводились конкурсы, художники и дизайнеры подавали свои проекты, голосованием выбирался лучший из них, но далее обычных разговоров дело не шло, и для обозначения рубля всё так же использовались сокращения «р.» и «руб.».

В конце 2013 года ситуация, наконец-то, сдвинулась с мёртвой точки, когда после проведения очередного конкурса, в ходе которого были выделены шесть лучших прототипов, было проведено интернет-голосование, победителем которого стал знак «₽», набравший более 60% голосов.

Данный символ удовлетворял большинство требований к знаку такого типа – простота начертания, связь с русской историей (кириллический символ с добавленной к нему параллельной линией). А две параллельные линии, по замыслу создателей, должны были символизировать устойчивость российской национальной валюты.

11 декабря 2013 года, после обсуждения в Совете Федерации, данный символ был утверждён Советом Директоров Центробанка России в качестве официального символа российского рубля.

В начале 2014 года российский комитет по стандартизации подал соответствующую заявку в технический комитет Unicode, и символ рубля был включён в стандарт Unicode 7.0. В августе 2014 компания Майкрософт также отреагировала на изменившуюся конъюнктуру, включив символ рубля в очередной обновление (2970228) к различным версиям ОС Виндовс.

Учимся набирать знак рубля на клавиатуре

Чтобы набрать знак рубля на вашей клавиатуре будет достаточно установить русскую раскладку клавиатуры, зажать правую клавишу Alt , а затем нажать на цифровую клавишу «8 » в верхней части клавиатуры. Сочетание клавиш Alt+8 является основным вариантом набора символа российской валюты.

Если же у вас вместо знака «₽» появляется пустое место или другой знак, то это значит, что на вашей версии Виндовс не установлено необходимое обновление, обеспечивающее поддержку указанного символа.

Что делать, если знак рубля не набирается

Если вы не можете набрать знак рубля (₽), и вместо данного знака у вас отображаются хаотические символы или пустое место, то вам необходима установка соответствующего обновления для вашей Виндовс. Обычно это обновление , скачать которое можно перейдя по указанной ссылке.

1. После перехода промотайте страницу вниз, выберите обновление конгруэнтное вашей версии операционной системы (если вы не знаете, какая у вас ОС, нажмите на сочетание кнопок Win+Pause).
2. Скачайте и установите данное обновление, дайте вашему компьютере перегрузиться, и после перезагрузки вы сможете поставить знак рубля «₽» в любом текстовом документе.

Заключение

Чтобы набрать знак рубля на клавиатуре выберите русскую раскладку, зажмите правую клавишу Alt, а затем нажмите на цифру 8 в цифровом ряде клавиатуры. Если же данный знак не набирается, то, вполне вероятно, что вам необходима установка соответствующего системного обновления, после установки которого проблема со знаком «₽» обычно бывает решена.

Как известно из различных источников, в недалеком 2013-м году рубль, как и многие другие валюты, обзавелся собственным символом.

Знак рубля уже внедрили в некоторые шрифты и в HTML-разметку. В HTML, кстати говоря, код символа:

Многие интернет-магазины, да и прочие сайты, связанные с денежными операциями, активно заменяют привычное «Руб», «RUB» и «р.» на новый знак рубля. Но есть одна проблема – не на каждом компьютере существует этот символ, и вместо символа рубля мы наблюдаем следующее:

И такая картина может быть у большинства ваших клиентов. А исправлять это нужно как можно скорее, ведь без присутствия соответствующего знака валюты мы вводим в заблуждение ваших покупателей и, тем самым, теряем драгоценных клиентов.

Сегодня я покажу вам, как с помощью стандартной буквы «Р» и CSS можно получить значок рубля, который будет отображаться на всех устройствах правильно, как это и должно быть.

1. Итак, первое, что нам необходимо сделать, это обернуть нашу букву в тег span:

Р

2. Затем напишем для нее небольшой стиль:

Rub { line-height: 5px; width: 0.4em; border-bottom: 1px solid #000; display: inline-block; }

Сохраняем и смотрим, что у нас получилось:

По-моему – очень неплохо. По желанию можете изменить размеры горизонтальной полосы, ее цвет и положение относительно буквы «Р».

Знак рубля официально появился в декабре 2013 года, когда данный символ был утвержден советом директоров Центрального банка РФ. С тех пор началось его внедрение в компьютерной среде. В феврале 2014 года было принято решение о добавлении данного знака в стандарт кодирования символов Unicode и знак рубля появился в Unicode 7.0, который был выпущен в июне 2014 года. Немного позже компания Майкрософт выпустила , после установки которого знак рубля стало возможным набрать на клавиатуре.

Если у вас установлено данное обновление, добавляющее поддержку знака рубля, то вы можете набрать его на клавиатуре с помощью комбинации клавиш Right Alt-8 (правый альт и цифра 8).

Если же у вас данное обновление не установлено, то комбинация клавиш Right Alt-8 работать не будет. В этом случае нужно просто и установить его на свой компьютер. Обновление можно установить на Windows 8.1, Windows Server 2012, Windows RT, Windows 7 и Windows Server 2008.

Как набрать символ рубля в Word

Если вам нужно набрать знак рубля в текстовом редакторе Word или в другой офисной программе Майкрософт, то вы можете воспользоваться комбинацией клавиш ALT-X и кодом 20BD. Для этого нужно набрать на клавиатуре код 20BD, а потом нажать ALT-X. В результате код 20BD превратится в знак рубля.

Если вам сложно запоминать данный код, то вы можете набирать знак рубля при помощи кнопки «Символ» на вкладке «Вставка».

После нажатия на эту кнопку появится окно «Символ». Здесь нужно выбрать набор символов «Денежные единицы», выделить мышкой знак рубля и нажать на кнопку «Вставить».

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

Многие помнят, что еще не так давно российский рубль не имел своего графического символа и чаще всего его обозначали как “р.”. При этом у таких валют, как доллар и евро давно существовали графические знаки для их обозначения и вопрос утверждения такого символа для рубля оставался открытым.

В 2006 году Центральный Банк России наделили полномочиями по утверждению графического изображения рубля и с этого момента различные персоны и дизайнерские компании, в том числе студия Артемия Лебедева стали предлагать свои новые варианты этого символа.

финалисты конкурса

Наиболее популярным и простым был символ в виде буквы Р с перечеркнутой ножкой. Он стал массово использоваться еще до официального утверждения и по результатам голосования, проведенного Центробанком в 2013 году, был официального выбран в качестве международного символа российской валюты.

Ставить российский денежный символ принято после числа.

Как ввести знак с клавиатуры

Просто так одним нажатием клавиши код рубля с клавиатуры пока не напечатать. Код символа в раскладке юникод – U+20BD. Но важно, чтобы используемый шрифт поддерживал этот знак, иначе вы увидите на этом месте в тексте просто квадратик.

Например, в MS Word напечатать знак рубля можно, если ввести “20BD” (без кавычек), а затем нажать клавишу ALT и, удерживая ее нажатой, – клавишу X. Кроме того, можно поставить символ через меню “Вставка – Символ”.

Html код символа рубля

Чтобы добавить обозначение рубля на сайт в html коде нужно указать код:

Естественно, что шрифт должен содержать в своем составе этот денежный знак.

Приведу работающий пример.

В сервисе Google Fonts можно быстро найти шрифты с поддержкой этого знака. В поле Preview Text указываем код рубля (я скопировал символ из документа Word, куда вставил вышеописанным способом, поскольку так и не нашел универсального приема набрать символ unicode с клавиатуры).

Видно, что нужный нам значок поддерживают шрифты:

• PT Sans (также PT Sans Narrow, PT Sans Caption);
• PT Serif (также PT Serif Caption);
• Roboto (также Roboto Condensed);
• Rubik;
• Istok Web;
• PT Mono;
• Cormorant (также Cormorant Garamond, Cormorant Infant, Cormorant SC, Cormorant Unicase).

Подробно о подключении шрифта с google fonts написано в статье: .

Применительно к нашему случаю нужно выполнить 3 шага:

1. Подключаем шрифт (помещаем куда нибудь в область header сайта инструкцию).

3. Вставляем знак рубля как спецсимвол.

⃏

Создаем свой знак рубля

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

Для этого на сайте указываем:

Р

А в таблицу стилей добавляем следующий код:

Rub { font-family: arial; vertical-align: middle; border-bottom: 1px solid; line-height: 5px; display: inline-block; width: 0.4em; }

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

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

В этой статье мы расскажем обо всех возможных способах добавления символа российского рубля в текстовый документ Microsoft Word, но прежде необходимо отметить один важный нюанс:

Примечание: Для добавления нового (измененного несколько лет назад) знака рубля на вашем компьютере должна быть установлена операционная система Windows 8 и выше, а также Microsoft Office 2007 или его более новая версия.

Способ 1: Меню “Символ”

1. Кликните в том месте документа, куда нужно вставить символ российского рубля, и перейдите во вкладку “Вставка” .

2. В группе “Символы” нажмите кнопку “Символ” , а затем выберите пункт “Другие символы” .

3. Найдите в открывшемся окне знак рубля.

Совет: Чтобы долго не искать столь необходимый символ, в выпадающем списке “Набор” выберите пункт “Денежные единицы” . В изменившемся перечне символов будет и русский рубль.

4. Кликните по символу и нажмите кнопку “Вставить” . Закройте диалоговое окно.

5. Знак российского рубля будет добавлен в документ.

Способ 2: Код и комбинация клавиш

У каждого символа и специального знака, представленного в разделе “Символы ” программы Ворд, есть свой код. Зная его, вы можете значительно быстрее добавлять необходимые символы в документ. Помимо кода, также необходимо нажать и специальные клавиши, а сам код вы можете увидеть в окне “Символ” непосредственно после нажатия на тот элемент, который вам нужен.

1. Установите указатель курсора в том месте документа, где нужно добавить знак российского рубля.

2. Введите код “20BD ” без кавычек.

Примечание: Код нужно вводить в английской языковой раскладке.

3. После введения кода нажмите “ALT+X ”.

4. Знак российского рубля будет добавлен в указанном месте.

Способ 3: Горячие клавиши

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

CTRL+ALT+8

Важно: Использовать в данном случае необходимо только ту цифру 8, которая находится в верхнем ряду клавиш, а не на боковой NumPad-клавиатуре.

Заключение

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