alex_shevch
@alex_shevch
Frontend Developer

Как правильно вывести ₽ на сайте?

Всем привет!
Есть ли какое-то готовое решение, как выводить символ рубля?
У клиента на телефоне квадрат.
Приходит в голову только взять какой-то шрифт, где этот символ есть, вырезать из него всё остальное, обернуть символ спаном, на который этот шрифт повесить.
Но уж как-то больно костыльно и запарно, может хотя бы есть готовый шрифт такой?
Можно ещё svg-хой вставить, но хотелось бы, чтобы он именно символом был..
Может есть какое-то общепринятое простое решение, типа фоллбэк правильно задать?
  • Вопрос задан
  • 169 просмотров
Пригласить эксперта
Ответы на вопрос 3
Найди в интернете шрифт с символом роля и подключи его. Вроде бы он один.
Ответ написан
sorry_i_noob
@sorry_i_noob
Fontello. Там можно собрать шрифт даже из одного символа - из твоего знака рубля. Скачиваешь, подключаешь .css файл, добавляешь класс к пустому span и твой значок готов. Можно менять цвет, размер - работать, как с обычным шрифтом.
Ответ написан
Вы говорите что шрифт в брендбуке и его нельзя заменить.
Но тогда выходит, что этот шрифт используется на сайте и есть в его ресурсах. А дальше возникает интересная картинка:

Если этот шрифт подгружается со стороны сайта и там нет знака рубля почему ТОЛЬКО на телефоне клиента квадрат?
Должно быть везде.

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

Вы описываете ситуацию в которой проблема не в отсутствии шрифта, а в том что он не загружается на некоторых устройствах (например на телефоне клиента). Либо шрифт не загружается вообще, а в css деградирующая формула шрифтов.

Таким образом вам либо нужно решить проблему с подгрузкой шрифта, который есть, на всех устройствах.
Либо добавить шрифт в ресурсы сайта если его нет.
А вовсе не в том что вы описываете.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы