Как сделать знак Рубля HTML кодом.
Официального знака (символа) рубля, такого как $ знак доллара например несуществует. Поэтому вместо символа, подобного €, наши люди вынуждены писать "P" А это невыразительно и, главное, непонятно — что значит "р.", и что это за буква — кириллическая "эр" или латинская "пэ"? Уж лучше писать "руб." — так понятнее.
Однако, в нашем распоряжении, уже достаточно давно имеется очень неплохой знак, продвигаемый небезызвестным А. Лебедевым. Он его придумал или не он, мне не известно.
И вот, делая интернет-магазин, я озадачился вопросом — а поддерживают ли стандартные (системные) шрифты хоть какой-нибудь знак рубля. Оказалось — нет, точнее его можно сделать на основе внедрения в системные шрифты с последующей подгрузкой их на сайт, но это не просто.
Пришлось включить собственную «гениальность» и придумать Pешение. Знак конечно не так красив, как настоящий, зато доступен и , главное — реализуем в любом шрифте! Осуществляется это простым зачёркиванием буквы «р».
Поэкспериментируйте сами, можно зачёркивать латинские «р» (тегом <del></del>)или русские, как это сделал я, по сути это не важно — важен конечный результат, а он есть (шрифт Arial):
P (18 пунктов)
P лучше всего знак выглядит размером в 16 пунктов
P (14 пунктов)тоже не плохо смотрится.
P (11 пунктов)
P хуже всего знак выглядит в размере 9 пунктов.
Еще вариант Courier New 14.5pt — P
А так выглядит HTML-код достижения вожделенного знака рубля (шрифт Arial, размер 16pt):
<del><span style="font-family: Arial; font-size: 16.0pt;">P</span></del>
Не верите? проверьте! Скопируйте код и вставьте на свою гипер-страницу.
Учтите, что толщину и положение горизонтальной линии перечёркивающий "ногу" буквы "р" регулировать невозможно, хотя с некоторыми шрифтами этот вопрос решается перестановкой тегов (шрифт Times New Roman 64pt):
P