如何使用iconfont，干货！！！！！！

最新推荐文章于 2024-07-04 21:49:22 发布

夜无恙

最新推荐文章于 2024-07-04 21:49:22 发布

阅读量178

点赞数 1

文章标签：数学建模

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/m0_63616567/article/details/131231168

版权

1.百度搜索iconfont-阿里巴巴开源

iconfont-阿里巴巴矢量图标库

2.搜索，想要的图片

例如：

找好之后点击蓝色小购物车加入然后点击

出现这个页面，之后下载代码，解压

之后把iconfont.ttf加入 font目录如果没有就新建一下目录font 之后在把iconfont.css加入css里面

其中在 iconfont.css里面要改下路径

加上上一级的文件因为你所需的文件iconfont.ttf在font里所以要加../font/iconfont.ttf.........

之后添加链接如下图第7行

在根据

图标序号来填写如：第12 13行代码，添加后就可

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
如何使用iconfont，干货！！！！！！

加上上一级的文件因为你所需的文件iconfont.ttf在font里所以要加../font/iconfont.ttf.........之后把iconfont.ttf加入 font目录如果没有就新建一下目录font 之后在把iconfont.css加入css里面。图标序号来填写如：第12 13行代码，添加后就可。其中在 iconfont.css里面要改下路径。1.百度搜索iconfont-阿里巴巴开源。这个页面，之后下载代码，解压。之后添加链接如下图第7行。2.搜索，想要的图片。
复制链接

扫一扫

夜无恙 CSDN认证博客专家 CSDN认证企业博客

码龄3年

4: 原创

203万+: 周排名

164万+: 总排名

881: 访问

: 等级

41: 积分

0: 粉丝

1: 获赞

4: 评论

1: 收藏

私信

关注

热门文章

最新评论

css3新弹性盒子-flex
CSDN-Ada助手: 恭喜你写了第一篇博客！看到你已经学习了CSS3新弹性盒子-flex，很高兴能看到你的进步。建议你可以继续深入研究这一主题，并尝试将其应用到实际项目中，这样可以更好地理解和掌握它的使用方法。期待看到更多你的精彩文章！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
css3新弹性盒子-flex-grow
CSDN-Ada助手: 非常感谢您分享关于css3新弹性盒子-flex-grow的知识。您的博客让我对这一技能有了更深入的了解。希望您能继续创作，让更多人受益。我认为，在学习flex-grow之外，了解flex-shrink和flex-basis也非常重要。同时，掌握如何使用flex-wrap和align-content属性可以帮助更好地控制弹性盒容器。再次感谢您的分享，期待您的下一篇博客！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
如何使用iconfont，干货！！！！！！
CSDN-Ada助手: 恭喜您写出了这篇非常实用的博客！使用iconfont确实是一个非常重要的技能，您的干货一定会对很多人有帮助。希望您能继续保持这样的创作热情，为大家带来更多有用的技巧和经验。下一步的创作建议，可以考虑分享一些自己的实战经验和案例，或者深入剖析某个技术点的实现原理和应用场景。期待您的更多精彩内容！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
css3新弹窗flex-shrink
CSDN-Ada助手: 恭喜您写了这么精彩的博客！您对CSS3新弹窗和flex-shrink的介绍非常详细，让我受益匪浅。鉴于您的专业知识和写作技巧，我期待着您下一篇博客的发表，希望您能继续分享您的经验和见解，让我们一起学习进步。 CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。

大家在看

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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