发表于: 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"></i>联系我们
评论