₽ sign (russian rouble) is missing on mobile

creativetimofficial / argon-dashboard

Argon - Dashboard for Bootstrap 5 by Creative Tim

https://www.creative-tim.com/product/argon-dashboard

MIT License

674 stars 1.26k forks source link

₽ sign (russian rouble) is missing on mobile #51

Open victorslate opened 4 years ago

victorslate commented 4 years ago

Please fix this

rarestoma commented 4 years ago

Hi @VictorSlate,

Thank you for working with our products.

Did you try using the HEX code for the ruble sign: ₽ ?

Thank you, Rares

victorslate commented 4 years ago

Hi @VictorSlate,

Thank you for working with our products.

Did you try using the HEX code for the ruble sign: ₽ ?

Thank you, Rares

Hi! Just tried and has the same result. But if I use HEX code of Euro sign - it works correctly €

Also - there is no problem with Rouble sign at plain bootstrap. And as I said before - this problem is only at mobile devices. Not emulators.

This problem also exist at Argon Pro, which I bought today.

rarestoma commented 4 years ago

Hi,

Can you please give me a photo or a short video with what is happening on mobile devices? I tried with ₽ and it seems to work fine.

Thank you, Rares

victorslate commented 4 years ago

Sure!

Hi,

Can you please give me a photo or a short video with what is happening on mobile devices? I tried with ₽ and it seems to work fine.

Thank you, Rares

victorslate commented 4 years ago

Hi! Any ideas?

rarestoma commented 4 years ago

Hi @VictorSlate,

I tested now and I found a solution that works using fontawesome: <i class="fa fa-ruble-sign"></i>.

It seems that it is not working on all mobile devices yet ( A large discussion can be found here: https://stackoverflow.com/questions/20665622/russian-ruble-symbol-html-code).

Please let me know if it works.

Thank you, Rares

victorslate commented 4 years ago

@rarestoma that bug is only on Argon Dashboard. I'm used Bootstrap4 at previous core of my site and all was fine..

I need to know what exactly can be the reason of this. Definitely the reason inside your code. Is theme is changing the fonts on mobile???

rarestoma commented 4 years ago

Hi @VictorSlate,

I tested now and this comes from the $font-family-base that is set for the body in the scss/bootstrap/_reboot.scss. A temporal solution would be to remove the import of the bootstrap/reboot.scss from the argon.scss file (found in scss/argon.scss). I will still search for another solution to make it work.

Thank you, Rares

victorslate commented 4 years ago

@rarestoma Hi! Thats doesn't work. Still don't see a rouble sign on native(non-emulated) mobile device. Tried to clear cache and use incogneto-mode..

rarestoma commented 4 years ago

Hi @VictorSlate,

I tried again and there is something from bootstrap that is not working. I will still search for the problem these days.

Untill then, please try also including <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> on the head of the page after removing the reboot.scss.

Please let me know if it works.

Thank you, Rares

victorslate commented 4 years ago

Hi @rarestoma

Unfortunately this doesn't help..