Nerd Font icons that are really Arabic symbols makes text render backwards

[haval0]

I am using Nerd Font for icons for my Sway workspaces. Two of these icons, notably ﭮ and ﭮ, are based on Arabic symbols. This makes the entire description render backwards for these workspaces, so it becomes "{icon} :{name}" instead of "{name}: {icon}". For example it renders as "{discord icon} :9" instead of "9: {discord icon}". I'm guessing it is rendered backwards because Arabic is supposed to be rendered backwards. There should be some way to escape this way of rendering Arabic and make it render like normal Latin text instead.

[asoehnen]

I ran into this issue as well when I tried to use the ﮣ (nf-mdi-power_plug) and ﮤ (nf-mdi-power_plug_off) icons from Nerd Font. This indeed seems to be caused by some of the material design glyphs incorrectly extending into the "Arabic Presentation Forms-A" Unicode block which is not approved for use with custom glyphs. This is known to the authors, but a fix may take some time, see ryanoasis/nerd-fonts#365.

A workaround is to force the text direction with the unicode left-to-right mark. This fixed the issue for me, but I did need to place the mark left and right of the icon to get a correct result, like this:

This then renders like this:

There is also the css direction property, but it does not seem to be supported (I got a 'direction' is not a valid property name error).