Font-family does not work on mobile phone.

the following styles are set under body :

font-family: "","",Arial, Helvetica, sans-serif;

there is no problem with displaying on the phone, but some Android machines have modified the default font of the system, so that the font of the page is not the font I set, but the default font of the system.

is there any way to solve this problem?

Mar.20,2021

ios system

default Chinese font is Heiti SC
default English font is Helvetica
default numeric font is HelveticaNeue
No Microsoft Yahi font
android system

default Chinese font is Droidsansfallback
default English and numeric fonts are Droid Sans
No Microsoft yahaki font
winphone system

the default Chinese font is Dengxian (square isoline)
the default English and numeric font is Segoe
No Microsoft Yahi font

if you want to unify, you can use custom fonts


same as recommended custom font:

 @font-face {
   font-family: DS;
   src: url("../../assets/font/DS-DIGI.TTF");
 }
 body{
   font-family: DS;
 }
Menu