Сергей

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

matthewhartman.github.io/base
concisecss.com
foundation.zurb.com
www.basscss.com
materializecss.com
pintsize.io
getuikit.com
ui.lumapps.com
purecss.io
imperavi.com/kube

... это из тех, что пробовал и изучал доки
+
таблица основных свойств usablica.github.io/front-end-frameworks/compare.html
+
сводная таблица сравнений https://docs.google.com/spreadsheets/d/18_nwvdIVbK...

Цвета:
www.thedayscolor.com
colourco.de
bada55.io