css - Personalized fonts on Android phones cause disordered webapp page layout

Question

Beauty Town Tower- -：

1. The current problem is that the personalized font is set on the Android phone, causing the page layout to be disordered

2. Another problem is that the font size is set on the Android phone, resulting in confusion in the page layout

May I ask the seniors if you have any solutions to these two problems? Or suggestions?

Answer 1

The first problem can be solved by setting the default font, but there is no solution on the mobile phone because the fonts on the mobile phone are the same. After the browser cannot find the font you set, it will fall back to the font on the mobile phone

What? Citing web fonts? It’s too big. If you use a mobile phone to access it, it will consume too much data and affect the experience too

Second question: Use rem or em to set the font. Just write an adaptive page