目录
一、使用移动Web字体图标(iconfont )
另一方面,移动Web的字体图标(iconfont )或使用iconfont的目的是为了简化网页中装饰性图标的实现方法。 另外,iconfont还具有加载速度快、兼容性强、灵活性强的特点。
步骤:前往https://www.iconfont.cn/图形库找到所需的图标
2 .登录后,选择所需图标,加入购物车。 将项目添加到购物车后,将其下载到项目,并在下载后检索以下文件:
3 .使用:
方法应用Unicode代码时,首先引入iconfont.css样式表,然后将Unicode代码粘贴到标签中,最后在标签中调用类名iconfont。 示例:
! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' initial-scale=1.0 ' title document/titlelinkrel=' style sheet ' href='./icon/icon font.CSS '/headbodyspancss ' iconfont是必需的。
例如:
! doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' initial-scale=1.0 ' title document/titlelinkrel=' style sheet ' href='./icon/icon font.CSS ' style.box { fox } span span class=' iconfonticon-jiudian '/span span class='