前端解决IE11使用bootstrap中icon样式不显示问题

项目中使用bootstrap的icon样式的时候发现 在谷歌浏览器中没有问题的样式。但是在IE中显示不出来 同时在IE中报了错误为 @font-face遇到了未知错误 同时使一些字体图标丢失 例如

<i class="glyphicon glyphicon-user"></i>

这个主要是因为后端打包时将字体文件压缩或者更改了。IE没法解析这种文件。 我们需要在pom.xml文件中配置忽略掉对应文件。

<build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
                <excludes>
                    <exclude>**/*.eto</exclude>
                    <exclude>**/*.woff</exclude>
                    <exclude>**/*.woff2</exclude>
                </excludes>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>false</filtering>
                <includes>
                    <include>**/*.eto</include>
                    <include>**/*.woff</include>
                    <include>**/*.woff2</include>
                </includes>
            </resource>
        </resources>
    </build>

这样可以解决IE中不显示icon样式问题