CSS iconfont字体图标 作者：马育民 • 2024-06-06 14:49 • 阅读：10052 # 说明 如下图标注的图标就是字体图标： [](/upload/0/0/1IX7pHbep6WO.png) ### 好处 可以方便修改图标的大小、设置颜色 ### 下载 https://www.iconfont.cn/ [](/upload/0/0/1IX7pHcxhGVT.png) [](/upload/0/0/1IX7pHdfiafX.png) [](/upload/0/0/1IX7pHgSmnvi.png) ### 使用字体图标 ``` <style> @font-face { font-family: "iconfont"; /*给下面字体文件起个字体名*/ src: url("iconfont.woff"); } .iconfont:before{ /*使用字体图标，名字必须与上面一致*/ font-family: "iconfont" !important; /*使用某个图标*/ content: "\e603"; } </style> ``` HTML： ``` <span class="iconfont"></span> ``` 原文出处：http://www.malaoshi.top/show_1IX7pHf1ReVZ.html