自定义字体与字体图标自定义字体与字体图标

自定义字体
四种格式：都需要，用来兼容不同类型的浏览器

eot，svg，ttf，woff
移动端用 *.ttf 就可以了

导入

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

字体图标