字体图标出现乱码的兼容方案

Posted 2020-09-28 web前端之春秋战国

/* 只需在ios4.3+/android2.2+上运行的网页 */ 
@font-face { font-family: "iconfont"; src: url("iconfont.ttf") format("truetype"); } 
/* 需兼容各浏览器的网页。注意: 最后的svg没有指定format */ 
@font-face { font-family: "iconfont"; src: url("iconfont.eot"); /* IE9*/ src: url("iconfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("iconfont.woff") format("woff"), /* chrome、firefox */ url("iconfont.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("iconfont.svg#iconfont"); /* iOS 4.1- */ }