Символ Рубля С Использованием Css

Добрый день.

После того как на международном валютном рынке вступил в силу закон о знаке рубля, многие покупатели выразили желание поставить в своих магазинах знак рубля, а не «тереть».

Поискав в Интернете, я пока не нашел спецсимвол html (хотя даже спецсимвол украинской гривны нашел).

Но Google предложил мне пару вариантов: 1) Подключение Google шрифтов.

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

Если вы собираетесь включить шрифт, то вам нужно использовать его по полной.

И это просто дополнительная нагрузка.

2) Поставьте картинку.

Это вообще не вариант. При посещении с низкой посещаемостью каждая фотография имеет значение.

Ну и третий вариант — сделать всё через CSS. Не скажу, что это хороший способ, но это вариант. Более того, вы можете сделать вывеску под шрифт сайта.





.

rub{ display: inline-block; font-size: 24px; line-height: 7px; border-bottom: 1px solid #000000; width:0.4em; }



P

Те.

Метод решается простой регулировкой высоты.

Делаем подчеркивание и перемещаем его выше на нужный нам уровень.

Вам решать, что делать.

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

Теги: #CSS #html специальные символы #знак рубля #CSS #HTML

Вместе с данным постом часто просматривают: