最近在做一个后台页面,页面上小图标太多,而且还有交互变色效果,研究了下自定义字体的方法,这样当改变图片颜色时只控制css就可以实现,不用切太多小图。下面先介绍生成自定义字体的方法:
下面介绍css样式中调用的方法:(导入的图像大小可以是250*250)
@font-face {
font-family: 'icon-font';
src:url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf'