Hi everyone,
I’m encountering a problem with font rendering on my CapCut-related website, which heavily relies on custom web fonts for its design. The issue is particularly noticeable with some non-Latin scripts, such as Arabic and Hindi, where the text appears misaligned or certain glyphs are not displaying correctly.
Here’s what I’ve done so far:
- The custom fonts are hosted locally and declared using
@font-facein CSS. - I’ve verified that the fonts support the problematic scripts by testing them in offline tools, and they render fine there.
- I’ve added
font-display: swap;to improve loading performance, but the rendering issue persists even after the fonts fully load. - The issue appears to affect specific browsers, mainly on mobile devices.
Could this be related to how the fonts are being embedded or an issue with the website’s CSS? Does anyone have experience handling such font rendering issues on multilingual websites?
Any guidance or tools to troubleshoot this further would be greatly appreciated!
Thanks in advance for your help.
2 posts - 2 participants