Как вставлять знак рубля?

Question

[Pavel K]

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

Answer 1

[khipster]

₽ ₽ но по моему мы скоро будем писать у.е.

Comments

[Pavel K]

Вы про у.е. правы, у меня сейчас самый популярный плагин для инет магазинов - перевод в евро и баксы по курсу цб + пара процентов. Но, не подскажите, какой юникод соответствует этому знаку? Сам знак вижу =)

[Pavel K]

пардон, нашёл U+20BD но интересна поддержка его разными браузерами...

[khipster]

Pavel K: Его вроде как в 2014 году только приняли.

[Pavel K]

khipster: понятно, значит печально, на XP точно, нет.

[khipster]

Pavel K: Хм, странно. У меня W7 но он ведь тоже старый, м.б. символ был и раньше, а в 2014 его типа официально добавили в Юникод.

[khipster]

Pavel K: Кстати а браузер сам не может как то обрабатывать эти символы?

[Сергей delphinpro]

Pavel K: Поддержка браузерами - не при чем. Важно лишь, имеется ли этот символ в составе шрифта, используемого для его показа, либо в составе шрифта по-умолчанию в системе пользователя.
В windows 8-10 этот символ присутствует во всех шрифтах. И вводить его в этих системах удобно - нажатием клавиш "Правый Альт + 8" в русской раскладке: ₽
По факту, многие жалуются что этот символ не отображается у них (древние виндовс или другие операционки), поэтому наиболее надежный способ - использование web-шрифта с этим символом (единственным, или в наборе других иконок).

[Pavel K]

khipster: ну, насколько я знаю, браузер работает с системными шрифтами и свои не тащит... Для Win 7 должно быть в обновлении пришло, для XP обновления давно прекратились.

[khipster]

Pavel K: О! А на айпаде на моем нет символа рубля. Айпад 2015 г.

[Pavel K]

khipster: спасибо. Я остался на своём методе - через кастомный шрифт. К сожалению, пока что рано по-нормальному так как не у всех обновились шрифты, Ваш пример тому подтверждение.

Answer 2

[Антон Шаманов]

все те же анальные способы аля fortawesome т.к. против статистики не попрешь((

Answer 3

[Андрей Хохлов]

1. Прошу дизайнера не рисовать символ рубля
2. Подключаю шрифт с единственным символом рубля.
artgorbunov.ru/bb/soviet/20120223 (там есть архив с набором готовых шрифтов - artgorbunov.ru/bb/soviet/20120223/b-rub.zip )
3. Или использую svg-иконку

Comments

[Pavel K]

А как решаете вопрос с копированием в буфер обмена? я пока что не придумал ничего лучше, чем в шрифте повесить знак рубля на букву "р" , вот как-то так:
[code]
руб.
[/code]
и спан с "уб" скрывать через text-indent, тогда и отображается норм, и если шрифт не прогрузится, будет покрайне мере "р."

[Pavel K]

100 span p span уб. span span

[Андрей Хохлов]

Pavel K: А зачем заморачиваться с копированием в буфер? По ссылке символ рубля и есть буква "Р". С неподгруженным шрифтом и при копировании будет "100 Р", например.

Answer 4

[Николай Евсюков]

в основном использую fa (i.fa.fa-rub)т.к. 80% макетов идут с кучей иконок оттуда.