css字体图标iconfont 使用方法

/*Note:
    1: iconfont.css样式文件 和 "font"文件夹都放在公共文件夹内,具体路径各异;
    2: 需要用到字体图标的页面都须引用iconfont.css样式文件;
    3: 引用前检查iconfont.css内是否已定义该类名样式;
    4: 引用前检查font文件夹内是否包含对应的eot,woff,ttf,svg字体文件。
  By 刚哥(820262236@qq.com)
*/

.iconfont{
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    font-style:normal;
}

@font-face{
    font-family:'girl';
    src: url('../font/girl/iconfont.eot?#iefix') format('embedded-opentype'), 
    url('../font/girl/iconfont.woff') format('woff'), 
    url('../font/girl/iconfont.ttf') format('truetype'), 
    url('../font/girl/iconfont.svg#iconfont') format('svg'); 
}
.iconfont.girl{font-family:"girl" !important;}
.iconfont.girl:before{content:'\e626';}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值