fix tikui styles broken by inter.css

[renanfranca]

• Fix Tikui: inter.css brokes style #11382

After some research, I found the reason why the inter font-family changed the sun (☀️) emoji color to grey only on Chrome and not on Firefox.

Firefox:

Chrome:

According to the documentation, the Inter font has a specific behavior with certain emojis due to a specific glyph (U+20E3) that interferes with the rendering of special characters in Chrome[1]. This issue occurs because Chrome has difficulty resolving characters when the Inter font is present, causing some specific emojis not to render correctly[1].

The problem doesn't affect all emojis, only specific characters, as it depends on how Chrome discovers and resolves these special characters when it finds the Inter font in its font stack[1]. When Inter is present, Chrome cannot properly fall back to the system's emoji font in some specific cases[1].

Unfortunately, I can't explain why the moon emoji (🌙) didn't turn grey and only the sun emoji (☀️). However, the technical behavior described explains why some emojis are affected while others continue to work normally.

Citations:
[1] tailwindlabs/tailwindcss#2499
[2] https://rsms.me/inter/
[3] rsms/inter#371
[4] https://forum.obsidian.md/t/the-sun-emoji-is-displayed-as-a-monochrome-glyph/47751

Use the sun and moon here:

[qmonmert]

ok, but strangely I don't reproduce on the main branch (on Chrome, maybe new version of Chrome fixes that)

[renanfranca]

ok, but strangely I don't reproduce on the main branch (on Chrome, maybe new version of Chrome fixes that)

I used an old version of Chrome in my wsl2 Ubuntu.

[renanfranca]

ok, but strangely I don't reproduce on the main branch (on Chrome, maybe new version of Chrome fixes that)

@qmonmert : I tested in Vivaldi browser which is based in chromium like google chrome and the sun is grey:

And the moon is yellow:

[qmonmert]

👍