温馨提示:网站使用自适应技术,手机与电脑显示界面不同,电脑界面显示效果更佳。

做了个小站,积累一些技术,分享一些原创
    体会生活,记录一些小随笔,闲说心得

移动端html5手机网站的中文字体使用

原创:张荣国

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

电脑脑常用字体见这里:https://zhangrongguo.com/archives/1278,我就不多说了。

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

苹果ios 系统 :

默认中文字体是Heiti SC

默认英文字体是Helvetica

默认数字字体是HelveticaNeue

无微软字体

android 系统

默认中文字体是Droidsansfallback

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

无微软字体

winphone 系统

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

默认英文和数字字体是Segoe

也无微软自家电脑字体

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

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

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

点击数:661

你可能也喜欢下面相关文章:

发表回复

必填项已用*标注