Html Как использовать юникод рубля?

Question

[mr_blond97]

Как использовать юникод рубля на своей странице в html либо css? Строчку ниже хром отображает как квадрат: ₽

Answer 1

[Максим Гречушников]

в фф нет этого знака.
советую использовать fontawesome.io

Comments

[raiboon]

В моем ff есть, но плюсик за fa

[Mr Freeman]

fa тоже стал использовать, спасибо.

Answer 2

[index0h]

Хм... joxi.ru/823gdL8SKj8O2O

Comments

[mr_blond97]

он был введен недавно, наверное у тебя есть соответствующие шрифты, но у многих их нет.

Answer 3

[Михаил Лялин]

А будут ли поисковые системы корректно обрабатывать цены с подобным символом?

Answer 4

[Александр Цымбал]

товарищи. всё зависит от версии OC и установленных шрифтов.
Сейчас мы находимся на toster.ru, он использует шрифт PT Sans с онлайн-хранилища Google.
Если разработчики шрифта позаботились о добавлении в таблицу символа "рубль", то он отобразится (у меня отображается ₽). Если же в шрифте не отрисовали данный символ - то это полностью вина разработчиков. Попробуйте оборачивать символ рубля в спан и прописывать в стилях для этого спана другой шрифт, в таблице которого есть поддержка "рубля".

Если мы используем подгрузку локальных шрифтов (с компьютера), то нужно учитывать версию шрифтов, которые установлены в вашей ОС. Если вы используете Windows XP, то в ней, скорее всего (я не проверял!), шрифты вроде Arial, Tahoma, Verdana, ... не будут отображать символ "рубля". В данном случае стОит подключить шрифт удаленно, либо скачать обновленную версию шрифта и подключить локально.

Comments

[mr_blond97]

т.е. задача стоит такая, на сайте будет страница, на ней нужно написать этот символ и быть уверенным, что у всех пользователей он отобразится. можете написать как это реализуется, или хотябы облако тегов для гугля написать?) Что такое локальные шрифты - шрифты на машине пользователя? А удаленный - это шрифт на сервере?

[Александр Цымбал]

mr_blond97: локальный шрифт это либо шрифт на машине пользователя, либо шрифт, подгружаемый с того же домена, где лежит сайт. а удаленный - это например, подгружаемый с google fonts.
реализовать кроссбраузерно можно с помощью варианта, который предлагается чуть ниже - в студии артемия лебедева еще до добавления символа в популярные шрифты сделали свой шрифт специально для этого символа. можно подключить его (локально желательно). а самый кроссбраузерный вариант - это просто использовать картинку. так до сих пор многие делают, в том числе и в европе для символа евро.

[Макс Табуреткин]

Александр Цымбал Объясните это
dok2d.ru/public/uploads/R.png

Answer 5

[Иван Сергеевич]

Используйте fontawesome.io, там есть знак рубля, и он поддерживается везде, где поддерживается @font-face