标签：javascript css font-awesome electron gruntjs

我使用npm下载了FontAwesome,然后使用grunts copy任务将css文件和字体复制到我的电子应用程序的根目录中的右侧文件夹中.

到现在为止还挺好.一切都应该是它应有的地方.

现在,当我在我的应用程序中引用FontAwesome时,图标不会被加载.这些是我在控制台中遇到的错误：

Failed to decode downloaded font:
file:///path/to/fonts/fontawesome-webfont.woff2?v=4.4.0
OTS parsing error: Failed to convert WOFF 2.0 font to SFNT

Failed to decode downloaded font:
file:////path/to/fonts/fontawesome-webfont.woff?v=4.4.0
OTS parsing error: incorrect file size in WOFF header

Failed to decode downloaded font:
file:////path/to/fonts/fontawesome-webfont.ttf?v=4.4.0
OTS parsing error: incorrect entrySelector for table directory

我已经尝试通过删除所有版本参数来修改FontAwesome的css文件,但这似乎不是问题.问题出现在通过电子启动应用程序.并在浏览器中查看html文件时.

UPDATE

回答一些意见：

>此问题发生在电子和浏览器中(在chrome和firefox中测试)
>我使用的是FontAwesome(4.4.0)和Electron(0.32.1)的最新版本(通过npm全新安装)
> css加载如：< link rel =“stylesheet”type =“text / css”href =“css / font-awesome.css”>

解决方法:

我有一个类似的问题(也许这个答案会帮助某人).我使用Maven来构建项目(Java JS). Maven Filter Plugin损坏了二进制字体文件.我不得不添加包含和排除：

    <resources>
        <resource>
            <directory>${project.sources}</directory>
            <filtering>true</filtering>
            <excludes>
                <exclude>**/*.woff</exclude>
                <exclude>**/*.ttf</exclude>
            </excludes>
        </resource>
        <resource>
            <directory>${project.sources}</directory>
            <filtering>false</filtering>
            <includes>
                <include>**/*.woff</include>
                <include>**/*.ttf</include>
            </includes>
        </resource>
    </resources>

标签：javascript,css,font-awesome,electron,gruntjs
来源： https://codeday.me/bug/20190930/1835782.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。