Преобразовать символ рубля "₽" в "руб."

[mrnobody]

Так как на сайте не у всех пользователей отображается символ рубля, поэтому попросили заменить на "руб." Доступа к админке нету чтобы исправить записи, поэтому приходится делать через js.

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

Я наивный, думал проверю так

if ('₽'.charCodeAt(0) !== 8381) {
	Если нет сивола, то запускаем функцию замены
}

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

 

[DevChristmas]

Задай условие в JS на проверку браузера: 

var browser_info = navigator.userAgent;

 

[wwt]

Для того чтобы символ отображался нужно чтобы он был в шрифте. Подгрузить свой шрифт с одним символом значка и прописать этот шрифт классу tarifs-output__value-unit не вариант?

Вот прицепил первый попавшийся шрифт с нужным символом.

 

[mrnobody]

6 часов назад, DevChristmas сказал:

Задай условие в JS на проверку браузера: 

Дело еще в том, что отображение символа не только от браузера зависит, но и от операционной системы. Тестировал в browserstack. Window 7, Chrome 60.

Скрытый текст

 

43 минуты назад, wwt сказал:

прописать этот шрифт классу tarifs-output__value-unit

Там еще таблицы с тарифами, обновил codepen. 

На сайте используется шрифт Lato, где-то читал, если подключить Latin Extended то символ отобразится — блин, не помогло ((.

[wwt]

Только что, mrnobody сказал:

На сайте используется шрифт Lato

Lato как я понимаю не поддерживает кириллицу вообще =) Значит на сайте кириллица выводится другим шрифтом

[mrnobody]

Увидел ваш пен, разобрался спасибо, заработало.