首页 > 移动运营 > 手机建站 > 移动端html5手机网站如何定义字体font-family

移动端html5手机网站如何定义字体font-family

上一篇 下一篇
移动端html5手机网站如何定义字体font-family
很多懒友在使用自定义字体时候,很容易像PC端那样定义,其实安卓和ISO系统,对中文字体是不支持,所以定义以后看到效果不是直接定义字体效果,如果需要定义
大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载
@font-face {
    font-family: 'MicrosoftYaHei';
    src: url('MicrosoftYaHei.eot'); /* IE9 Compat Modes */
    src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('MicrosoftYaHei.woff') format('woff'), /* Modern Browsers */
             url('MicrosoftYaHei.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */
   }
 
问题虽然解决了,但是这样操作很消耗用户流量,也对页面打开造成了很大延迟。
我们在一起看看三大主流系统他们字体到底支持哪些呢?
 
ios 系统
 
默认中文字体是Heiti SC
默认英文字体是Helvetica
默认数字字体是HelveticaNeue
无微软雅黑字体
 
android 系统
 
默认中文字体是Droidsansfallback
默认英文和数字字体是Droid Sans
无微软雅黑字体
 
winphone 系统
 
默认中文字体是Dengxian(方正等线体)
默认英文和数字字体是Segoe
无微软雅黑字体
 
总结:
各个手机系统有自己的默认字体,一般不支持我们常用字体,例如微软雅黑等;
如无特殊需求,手机端无需定义中文字体,使用系统默认即可。
英文字体和数字字体可使用 Helvetica ,三种系统都支持。
/* 移动端定义字体的代码 */
body{font-family:Helvetica;}

模板简介:该模板名称为【移动端html5手机网站如何定义字体font-family】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【手机建站】栏目查找您需要的精美模板。

  • 下载密码 lanrenmb
  • 下载次数 95,110次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 04-06
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
  • 移动业界
  • 移动应用
  • 手机建站
  • 移动搜索
  • 热门推荐 更多 >
    单页式简历模板 微信文章 微信公众平台 企业网站 表格式简历模板 响应式 html5 自适应 Bootstrap 微信模板
    您可能会喜欢的其他模板