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

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

ios 系统

默认中文字体是Heiti SC

默认英文字体是Helvetica

默认数字字体是HelveticaNeue

无微软雅黑字体

android 系统

默认中文字体是Droidsansfallback

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

无微软雅黑字体

总结:

各个手机系统有自己的默认字体,一般不支持我们常用字体,例如微软雅黑等;

如无特殊需求,手机端无需定义中文字体,使用系统默认即可。

英文字体和数字字体可使用 Helvetica都支持。

/移动端定义字体的代码/

body{font-family:Helvetica;}

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

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

引入:

@font-face {

font-family: STKAITI; /*这里是说明调用来的字体名字*/

src: url(‘STKAITI.TTF’); /*这里是字体文件路径*/

}

.content{ font-family: STKAITI;}

哒哒哒哒哒哒多多多多多,我在手机端也是现实楷体了啦啦

html微软雅黑无效,移动端h5不支持font-family里面的楷体、微软雅黑等字体相关推荐

  1. 移动端h5不支持font-family里面的微软雅黑等等字体

    首先我们来理解一下pc端为什么可以看到网站上设置的微软雅黑字体:微软在2006年12月发布微软雅黑随简体中文版Windows Vista一起发布,是Windows Vista默认字体.意思就是wind ...

  2. html微软雅黑无效,求让所有浏览器支持微软雅黑的方法_html/css_WEB-ITnose

    浏览器 字体 在做一个网站,要求所有浏览器都是微软雅黑,可是有的电脑里压根就没雅黑,求解决办法谢谢了 回复讨论(解决方案) 参考 http://dctxf.lofter.com/post/3d174_ ...

  3. vue+vant 移动端H5 商城项目_01

    文章目录 一.·Rem 布局适配 1. 安装 amfe-flexible 2. px转化rem 3. 全局配置 4. 重置样式表 5. 引入重置样式表 二.组件安装和配置与封装 2.1. 安装less ...

  4. 移动端H5页面,上下滑动翻页

    移动端H5页面,上下滑动翻页 向上滑动进入下一页 , 当前页(加CSS样式outTop)向上移动移出窗口 ,下一页(加CSS样式inTop)向上移动进入窗口 向下滑动进入前一页 , 当前页(加CSS样 ...

  5. 记一次移动端H5开发所遇到的问题与细节,以及ios兼容

    第一次弄移动端H5项目开发,虽然是简单的页面展示,但也遇到了很多细节问题与兼容问题,尤其是h5视频标签video, 一.移动端禁止缩放 兼容 <meta name="viewport& ...

  6. 存量市场下,雅迪的高端化之路举步维艰?

    为了让自家的高端产品成功"突围",雅迪在营销上无所不用其极. 继在央视大楼高调发布后,近日雅迪冠能探索E10完成了力战70吨游艇.无惧24吨雨水冲刷.制霸百公里全地形等极限挑战,& ...

  7. 老夫疗法少年狂:微软中国CTO黎江:不要给区块链贴标签,也不要非黑即白区分谁是好人谁是坏人

    微软中国CTO黎江:不要给区块链贴标签,也不要非黑即白区分谁是好人谁是坏人 [数据猿导读] 新年伊始,徐小平这个"大嘴巴"再次把区块链.数字货币推向风口浪尖.有像唐宁.戴蒙这样的大 ...

  8. thinkphp开发的小程序、公众号H5、浏览器端H5、前端vue框架开发

    需要程序代码的可以找我提供 用户端包含:小程序.公众号H5.浏览器端H5 序号 功能模块 简介 1 商品 商品分类 支持两级分类,分类可添加分类图标,可设置排序和是否显示,支持分类搜索. 2 商品管理 ...

  9. 移动端H5兼容性问题

    移动端H5兼容性问题 HTML方向 调用系统功能 使用<a>能快速调用移动设备的电话/短信/邮件三大通讯功能,使用能快速调用移动设备的的图库/文件.这些功能方便了页面与系统的交互,关键在于 ...

  10. 移动端 H5 相关疑难总结

    本文主要讲解关于移动端H5页面内的 HTML CSS JS 中可能出现的问题,并赋予解决方式. 注意事项 A. 本文提及的安卓系统包括Android和基于Android开发的系统 B. 本文提及的苹果 ...

最新文章

  1. java 事件驱动 netty_Netty2-事件驱动的NIO框架(使用范例)
  2. 如何看待雅虎套现760亿美元从阿里巴巴退出?
  3. 第五章 染料结构对染色性能的影响单元测验
  4. JavaIO流加解密,AES对字符串加解密
  5. 程序员面试金典 - 面试题 04.09. 二叉搜索树序列(双端队列+回溯)**
  6. 怎样呵护友谊_呵护真正的友情,助力漫长的人生
  7. 打开SharePoint 2013 web application显示iis 欢迎页面
  8. 普通人翻身的希望?揭秘“元宇宙”到底是个啥玩意!
  9. Ajax请求回调函数没有被调用
  10. 澳洲ASIC监管-AR牌照
  11. 小米路由mini刷潘多拉及老毛子固件-详细教程
  12. android开发中常用的占位符
  13. CSS高级篇——渐变 (gradient)
  14. skinsdog 狗网CSGO饰品皮肤开箱网站可取回的开箱网站
  15. CTF练题(5)word隐写基础题,jpg图片隐写,敲击码解密
  16. 如何利用计算机进行数制转换,如何教授计算机基础中的数制转换内容
  17. Web容器(三):Servlet规范和Servlet容器
  18. android gsm基站定位,通过SIM卡获取GPS,android基站定位原理
  19. git 报错信息:Failed to connect to github.com port 443: Timed out
  20. Kotlin 基础——Map集合详解

热门文章

  1. python简单笔试题_这十道经典Python笔试题,全做对算我输
  2. 40亿个手机号码如何去重?
  3. 什么是少儿Python编程?
  4. 工业非标设备远程运维方案
  5. 云计算基础技术及解决方案介绍
  6. vasp能装在window系统里吗_vasp 5.4.4 在win10/Ubuntu 18.04上的安装
  7. C语言俄罗斯方块代码(成功版)
  8. 将多个Excel文件合并为一个(实测有效)
  9. APP测试——经典面试题分享
  10. Office系列完全干净卸载工具合集(最全)