你的位置:首页 > 软件开发 > 网页设计 > 移动web页面使用的字体的思考

移动web页面使用的字体的思考

发布时间:2015-10-01 20:00:07
前言记得做PC端页面的时候,字体一般设置为微软雅黑,现在做起移动端页面来了,设计师们一般都还把字体设置为微软雅黑字体,但是做出来后,测试的时候发现页面中的字体不是微软雅黑,怎么办?后来了解到的手机系统 ios、android 等是不支持微软雅黑字体。为了满足产品的需要,保证视觉稿 ...

前言

记得做PC端页面的时候,字体一般设置为微软雅黑,现在做起移动端页面来了,设计师们一般都还把字体设置为微软雅黑字体,但是做出来后,测试的时候发现页面中的字体不是微软雅黑,怎么办?

移动web页面使用的字体的思考

后来了解到的手机系统 ios、android 等是不支持微软雅黑字体。为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢?

@font-face的使用

@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 */  }

原标题:移动web页面使用的字体的思考

关键词:web

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。