发表于: 2017-04-05 19:33:28

1 1209


今天完成的事:关于我们的页面,差个切换没加,学会了怎么用iconfont。

明天计划的事:完成关于我们页面,完善之前的跳转链接状态,做公司列表页。

困难:暂无。

收获:

今天才发现iconfont真好用啊,用起来也简单,还可以跟字体一起控制,使用方法就是在iconfont网页上选择需要的字体图标,加到购物车,下载压缩包后在css文件里加入如下代码:

/*iconfont引用*/
@font-face {
   font-family: 'iconfont';
   src: url('../../../bower_components/iconfont/iconfont.eot');
   src: url('../../../bower_components/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
   url('../../../bower_components/iconfont/iconfont.woff') format('woff'),
   url('../../../bower_components/iconfont/iconfont.ttf') format('truetype'),
   url('../../../bower_components/iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -webkit-text-stroke-width: .2px;
   -moz-osx-font-smoothing: grayscale;
}

之后就哪里需要塞哪里,只需要你要用的图标的值就ok:

<i class="iconfont">&#xe918;</i>联系我们



返回列表 返回列表
评论

    分享到