温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

移动端h5不支持font-family里面的楷体、微软雅黑等字体怎么办

发布时间:2021-10-21 09:40:33 来源:亿速云 阅读:659 作者:小新 栏目:web开发

这篇文章给大家分享的是有关移动端h5不支持font-family里面的楷体、微软雅黑等字体怎么办的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

移动端h6不支持font-family里面的楷体、微软雅黑等字体

移动端不支持pc端的各种字体。移动端各种系统有各自的字体:

ios 系统
默认中文字体是Heiti SC
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体

android 系统
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体

总结:
各个手机系统有自己的默认字体,一般不支持我们常用字体,例如微软雅黑等;
如无特殊需求,手机端无需定义中文字体,使用系统默认即可。
英文字体和数字字体可使用 Helvetica都支持。
/ 移动端定义字体的代码 /
body{font-family:Helvetica;}

总而言之,就只有一种办法:引入字体库。(字体库一般10M左右,牺牲打开速度)

字体到站长去下:http://font.chinaz.com/

引入:

<style>
@font-face { 
  font-family: STKAITI; /*这里是说明调用来的字体名字*/ 
  src: url(‘STKAITI.TTF’); /*这里是字体文件路径*/ 
    }

    .content{  font-family: STKAITI;}
</style>
<div class="content">哒哒哒哒哒哒多多多多多,我在手机端也是现实楷体了啦啦</div>

感谢各位的阅读!关于“移动端h5不支持font-family里面的楷体、微软雅黑等字体怎么办”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI