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

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

Чтобы исправить ситуацию, можно использовать стандартную заглавную букву «Р» с небольшим дополнением средствами CSS:

<span class="rub">Р</span>

.rub {
line-height: 5px;
width: 0.4em;
border-bottom: 0.1em solid #000;
display: inline-block;
margin-right: 0.2em;
}


0 комментариев

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *