字体图标库引入（字体图标引入不显示）

科技前沿 • 2025-04-29 11:42 • 阅读 42
大家好，我是讯享网，很高兴认识大家。
        <p><strong>问题：在项目开发时使用字体图标，发现两个问题；</strong></p><p>让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：国际域名空间、网页空间、营销软件、网站建设、古城网站维护、网站推广。</p><p><strong>1、出现报错：</strong></p><p><img src="http://www.njwzjz.com/upload/otherpic54/37776.jpg" alt="解决vue 项目引入字体图标报错、不显示等问题"></p><p><strong>解决方法为：</strong>把字体引入方式改为绝对路径</p><p><img src="http://www.njwzjz.com/upload/otherpic54/37777.jpg" alt="解决vue 项目引入字体图标报错、不显示等问题"></p><p><strong>2、不报错，但是不显示图标字体，出现方框</strong></p><p><img src="http://www.njwzjz.com/upload/otherpic54/37778.jpg" alt="解决vue 项目引入字体图标报错、不显示等问题"></p><p><strong>原因可能有两种：</strong></p><p>①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件</p><p>①的解决办法是在用到的地方引入字体的样式文件（全局引入的话需要从app.vue里引入）</p><p><img src="http://www.njwzjz.com/upload/otherpic54/37779.jpg" alt="解决vue 项目引入字体图标报错、不显示等问题"></p><p>②这个就是我遇到的问题，浪费了我好几分钟！！！微笑</p><p><strong>解决办法是把font.styl改为font.css</strong></p><p><img src="http://www.njwzjz.com/upload/otherpic54/37780.jpg" alt="解决vue 项目引入字体图标报错、不显示等问题"></p><p><strong>记得在用到图标的地方引入</strong></p><p><img src="http://www.njwzjz.com/upload/otherpic54/37781.jpg" alt="解决vue 项目引入字体图标报错、不显示等问题"></p><p><strong>问题原理后续再写。</strong></p><p>以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。</p>            

                    <br>
        新闻标题：解决vue项目引入字体图标报错、不显示等问题            <br>
        浏览路径：http://www.njwzjz.com/article/gijgih.html
讯享网
字体图标库引入（字体图标引入不显示）

相关推荐
