Android手机网页字体异常,移动端html5手机网站的中文字体使用

原创：张荣国

我们在做网站时，都知道需要在自己的网页写入通用电脑中文字体样式，这样在所有电脑端时，才不会因为找不到字体，而显示不出来或乱码。

现在我来说说移动端的，同样，是要看系统了。

苹果ios 系统 ：

默认中文字体是Heiti SC

默认英文字体是Helvetica

默认数字字体是HelveticaNeue

无微软字体

android 系统

默认中文字体是Droidsansfallback

默认英文和数字字体是Droid Sans

无微软字体

winphone 系统

默认中文字体是Dengxian(方正等线体)

默认英文和数字字体是Segoe

也无微软自家电脑字体

那么问题来了，一般我们网页写的时候是font-family定义了字体都是电脑版的，比如说通用的宋体，到了移动端可就没了。

其实吧，以上各移动端系统都有自己的默认字体，一般是没有电脑端字体的，例如宋体，微软雅黑等；如我们无特殊需求要设置专门字体，移动端也无需定义中文字体，它会使用系统默认的。而英文字体和数字字体可使用 Helvetica ，三种系统都支持。

确实需要定义好看的中文字体给移动端，那你就像电脑端那样写代码，并将字体文件存放于网站服务器上，在客户打开时被自动下载。当然，这也会有些缺点，比如消耗用户流量，也对页面打开造成了延迟。如果网速发展起来了，比如都用5G了，就可不用考虑这缺点了。