移动端的页面如何引入自定义字体？

Question

客户明确要求使用他们的字体这是设计给我发的3种字体文件，我该如何把它引入到移动端项目中呢？我原来用的字体图标格式是是这样@font-face {font-family: 'iconfontyyy';    src: url('iconfont.eot');     src: url('iconfont.eot?#iefix') format('embedded-opentype'),     url('iconfont.woff') format('woff'),    url('iconfont.ttf') format('truetype'),     url('iconfont.svg#iconfontyyy') format('svg'); }只有ttf文件可以吗，我没有这么做过，请各位指点指点...

Answer 1

看注释

@font-face {font-family: 'iconfont';    src: url('*.eot'); /* IE9*/
    src: url('*.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('*.woff') format('woff'), /* chrome、firefox */
    url('*.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('*.svg#iconfont') format('svg'); /* iOS 4.1- */}

所以移动端 *.ttf 就可以了