Как на сайте сделать значек рубля вместо "руб." когда коровка windows-1251

12.12.2019

Думаю все мы уже привыкли видит на сайтах значок рубля, вместо приписки "руб.", но что делать если кодировка сайта не utf-8, а windows-1251?

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

Поэтому есть вариант лучше - использование веб рифта со знаком доллара.

Итак, подключаем шрифт, подготавливаем CSS стиль, и пользуемся:

 
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css" />

<style>
.rub_sign {
  font-family: 'PT Sans', serif;
}
</style>

<span class="rub_sign">50 000.00 &#8399;</span>


Категории: Web, HTML, CSS
Пометки: web шрифт со знаком рубля, знак рубля шрифтом
Яндекс.Метрика