Пропадает знак рубля в ценах на мобильных устройствах

[Walcott]

Добрый день! Воспользовался таким способом вставки знака рубля:

 

CSS

@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);
.price-rouble:after {
  font-family: "PT Sans";
  content: "\20B7"; }

В БД в поле right_price(или как-то так) вставил код:

<span class=price-rouble> </span>

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

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

Может есть еще дельный вариант?

 

Поправка. Не работает только на ios устройствах. iPhone, iPad не видят в 3-х разных браузерах. На андроид телефоне всё норм. Стало еще непонятней :)

Змінено 13 травня 2016 користувачем Walcott

[Walcott]

Простите, перепутал раздел. В песочницу хотел написать. Перенесите пожалуйста.

[Walcott]

Решил сам. Не тот набор символов был подключен. Latin Extended надо было выбирать. Если кому надо решение:

@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin-ext);
.price-rouble:after {
  font-family: "PT Sans";
  content: "\20cf";

В бд  таблица oc_currency поле symbol_right начала поменяйте тип на varchar(100), чтоб с запасом, а потом туда этот код:

<span class="price-rouble"> </span>

[pantagruel964]

В БД в поле right_price(или как-то так) вставил код:

<span class=price-rouble> </span>

 

В курсе, что покупателям приодит письмо о заказе? Угадайте, что они там увидят)

 

Отгадка:

Заказ итого:
Сумма: <span class=price-rouble> </span>500
Итого: <span class=price-rouble> </span>500

[Walcott]

Не знаю что там клиентам приходит, но мне уведомление о заказе в таком виде доходит.

https://yadi.sk/i/SMgNE6H2rhAUd

 

UPD: Сделал заказ от себя и аналогичная ситуация. Так что вроде всё норм.

Змінено 13 травня 2016 користувачем Walcott