打开下面的网站后,挑选要使用的,
https://icomoon.io/app/#/select
下载后 解压 ,
先把fonts里面的文件复制到项目fonts文件夹中去,
然后打开其中的style.css文件找到类似下面的代码
@font-face {
font-family: ‘icomoon’;
src: url(’…/fonts/icomoon.eot?r069d6’);
src: url(’…/fonts/icomoon.eot?r069d6#iefix’) format(‘embedded-opentype’),
url(’…/fonts/icomoon.ttf?r069d6’) format(‘truetype’),
url(’…/fonts/icomoon.woff?r069d6’) format(‘woff’),
url(’…/fonts/icomoon.svg?r069d6#icomoon’) format(‘svg’);
font-weight: normal;
font-style: normal;
}( 要注意路径的正确性)
要先把上面箭头上的图标复制到 i 标签中
然后把需要ico的 i 标签的样式设置为下面的格式
i{
font-family:‘icomoon’;
font-style: normal;
}
ico引入方法
最新推荐文章于 2023-10-23 13:52:23 发布