增加ICONFONT图标


原有的iconfont图标是Akina自带的,没有主页图标。度娘查找到

https://blog.csdn.net/DreamITEffort/article/details/84581317
按步骤操作,拷贝下载的demo.css代码到css/style.css文件中,结果不能显示,只是一个方块。

搜索解决方案,有人提示说是eof文件路径错误,检查并尝试了相对路径和阿里的绝对路径,都没有错误,无法解决;
另外尝试了合并解决方案,仍同样问题,方案参考路径为:

https://blog.csdn.net/wangyoushuai/article/details/88305718

后面检查阿里官方下载的文件,删除所有多余的css代码,发现缺少下面一句

  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),

这句代码在demo.css中没有的,加入后显示正常。

PS:合并方案中加入这一句仍显示方框,未进一步查找解决方案。

声明:Alber.F|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 增加ICONFONT图标

医疗器械质量和注册管理的信息化的尝试者