css - Font icons missed when RTL (arabic layout) work -

css - Font icons missed when RTL (arabic layout) work -

i have web site font icons works fine english language language (ltr) when alter site language standard arabic (rtl) icons appears missed , unusual letters.

see image below. top part standard arabic , button part english. why happens , solution?

i suspect rtl font declaration loosely specified , using !important, overrides font-face declaration required fontawesome.

there's no reason why shouldn't able utilize fontawesome icons in rtl site but in wrong position (to left of word) unless add together additional code reposition icons in rtl.

i assume know bootstrap not natively back upwards rtl languages.

css twitter-bootstrap responsive-design opencart