Почему знак рубля ₽ не отображается в FireFox?

Question

[Лучник *range attack +10*]

До недавнего времени я вставлял знак рубля картинкой, задавая ему нужную высоту. Недавно узнал, что у знака появился свой html-код: ₽, насколько понимаю, в юникоде.
Проблем с отображением знака не возникало на webkit'е: ни в Chrome, ни в Opera, ни в Safari. В Firefox этот символ не отображается.

Есть ли элегантый выход или фикс для Firefox?

Comments

[Александр Таратин]

Сайт покажите.

[zooks]

Легче написать р. и не выпендриваться.

Answer 1

[Александр Владимиров]

В гугл шрифтах для roboto подключите знаки Latin Extended. Знак шрифта, как ни странно, находится именно в нем. После этого знак рубля будет отображаться везде.
В коде его указывать через ₽

Comments

[Сергей Арустамов]

Спасибо!

Answer 2

[FMars]

Из хабра.

Не используйте ссылки-мнемоники.

Нет смысла использовать ссылки-мнемоники, такие как —, ”, или ☺, когда все команды в файлах, редакторах используют одну кодировку (UTF-8)

Не рекомендуется:
Валютный знак евро: “&eur;”.

Рекомендуется:
Валютный знак евро: “€”.

Comments

[Сергей delphinpro]

Мнемонику проще с клавиатуры набрать :) и запомнить.

[Эргил Осин]

Сергей: блин, нажал Meta+e и получил €, нажал Meta+c и получил ©. Куда уж проще-то?

[Сергей delphinpro]

Эргил Осин: у меня нет клавиши Meta :'( Что делать?

[Эргил Осин]

Сергей: нажимайте правый Alt. Только не забудьте включить дополнительные символы раскладки в настройке если вы под нормальной системой или поставить раскладку Бирмана, если вы под виндой. При чем я не издеваюсь, я искренне рекомендую. Я как обнаружил возможности такие, так теперь за чужими компами не могу сидеть, потому как у меня и «» с клавиатуры набираются, и €®™ѣѵіѳ′§°£₽ всякие. И нет нужды помнить разную зубодробительную фигню.
Судя по вашему вопросу вы под виндой. Гуглите «раскладка Бирмана» и качайте.

[Сергей delphinpro]

Эргил Осин: Посмотрю, спасибо. Может быть имеет смысл.

[Эргил Осин]

Сергей: очень имеет. Без нажатия Meta вы имеете привычную русскую и английскую раскладки, а с нажатой Meta получаете дополнительные символы. Я вот без некоторых уж и не представляю как писать в сети. Правильные кавычки и тире уже того стоят. Не везде движки подставляют вместо неправильных кавычек правильные :)

Answer 3

[Назар Мокринский]

Вот прямо здесь отображается, всё ок. HTML код из воздуха не появился, у вас на странице проблемы: либо кодировка, либо шрифт, либо ещё что-то.

Comments

[Лучник *range attack +10*]

Вы правы. Шрифт Roboto, который используется на сайте, не содержит этого символа. Но в других браузерах же как-то работает.

[Назар Мокринский]

Константин Рафиков: Рендер шрифтов в разных браузерах это всегда головная боль. Если лицензия Roboto позволяет - просто отредактируйте и вставьте нужный символ.

[Евгений Петров]

Константин Рафиков: Шрифт Roboto содержит этот символ jsfiddle.net/petroveg/jbwm1bo7
Даже если убрать кириллицу из наборов, всё остаётся нормально jsfiddle.net/petroveg/jbwm1bo7/1
Вы просто используете кривой шрифт, вот и вся проблема.

Answer 4

[Turtle_Onni]

Скорей всего у Вас где то ошибка, вот только утром добавляла его на сайт, и в Файрфоксе все было нормально - знак отображался.

Comments

[Лучник *range attack +10*]

Какую кодировку и шрифт вы при этом использовали?