使用iconfont 图标

1.输入www.iconfont.cn 打开阿里图标库。

2.登录后搜索自己需要的图标。

3.将需要的图标加入自己创建的项目中,并下载解压。

4.将文件加入工程目录,并引入使用。

unicode使用步骤如下:

第一步:拷贝项目下面生成的font-face

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

第二步:定义使用iconfont的样式

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

第三步:挑选相应图标并获取字体编码,应用于页面

3

ps: 稳妥起见,可以在src:url 中添加   ' ./ ';

你可能感兴趣的:(使用iconfont 图标)