After using Fontastic.me to create an iconfont, I encountered an issue specifically with the native browser of Android 4.2.2 and 4.3 (such as modern Samsung tablets). In these browsers, the characters in the entire font appear to have no width. This problem persists across all fonts created with Fontastic.me, including those provided by the platform itself. It poses a significant challenge when attempting to center the icons horizontally.
To demonstrate this issue, I have set up a webpage for testing purposes: . The pink color highlights the absence of character width. Additionally, a screenshot comparison between the normal behavior and the problematic display in the AndroidBrowser can be viewed here:
The root cause seems to be related to Fontastic, as this issue does not occur when using Icomoon as the font generator. Despite bringing this matter to the attention of the owner, they have expressed their inability to investigate further due to a lack of knowledge on installing an Android Emulator on their Mac.
Can anyone provide insights into what might be causing this collapse in character spacing? Your expertise would be greatly appreciated in resolving this issue.