Question

我有一个网站，其中字体图标可以很好地用于英语（LTR）但是当将网站语言更改为阿拉伯语（RTL）时，图标显示为遗漏和一些奇怪的字母。

见下图。顶部是阿拉伯语，按钮部分是英语。为什么会这样，解决方案是什么？

Answer 1

我怀疑您的RTL字体声明是松散指定并使用！important，因此它只是覆盖了FontAwesome所需的font-face声明。

没有理由你不能在RTL网站中使用Fontawesome图标但是它们总是位于错误的位置（在你的单词的左边），除非你添加一些额外的用于在RTL中重新定位图标的代码。

我假设您已经知道Bootstrap本身不支持RTL语言。

Answer 2

我找到了答案。在没有www访问网站时网站无法显示字体图标的问题，但我访问网站与www它工作正常... 所以我只是为了我的网站使用www工作我在我的网站文件夹的根目录中的文件.htaccess中使用了一个角色。 .htaccess rule can be found here

Answer 3

将此添加到图标的父级。

style="direction:rtl"

这对我有用。