Знак рубля в HTML

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

/*внимательно указывайте путь к шрифту*/
@font-face {
font-family:'Ruble';
src:url(font/rouble.ttf);}

/* заводим класс */
.rub{
font:16px "Ruble",Arial,sans-serif;}

Используем, для этого в тег <span> с классом rub мы вставляем английскую букву, от a-s в нижнем регистре. Знак рубля выглядит по разному, в зависимости от выбранной буквы.

100<span class="rub">p</span>

Посмотреть все варианты

Скачать шрифт 6.0Kb