1. 程式人生 > >spring-boot中font-awesome在ie8中不顯示的問題

spring-boot中font-awesome在ie8中不顯示的問題

網上找了很多關於font-awesome在ie8中不顯示的解決辦法,但是都沒有效果,最後嘗試把本地能夠在ie8中正常顯示字型的demo移植到spring-boot中發現在ie8中就是顯示不了,所以得出結論font-awesome在ie8中字型不顯示應該和框架的配置有關係,網上找到了解決方法如下

<build>
        <resources>
            <resource>
                <directory>${project.basedir}/src/main/resources</directory>
                <filtering>true</filtering>
                <excludes>
                    <exclude>**/*.woff</exclude>
                    <exclude>**/*.ttf</exclude>
                    <exclude>**/*.eot</exclude>
                    <exclude>**/*.svg</exclude>
                </excludes>

            </resource>

            <resource>
                <directory>${project.basedir}/src/main/resources</directory>
                <filtering>false</filtering>
                <includes>
                    <include>**/*.woff</include>
                    <include>**/*.ttf</include>
                    <include>**/*.eot</include>
                    <include>**/*.svg</include>
                </includes>
            </resource>

        </resources>

	    <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>1.4.0.RELEASE</version>
                <executions>
                    <execution>
                        <goals>
                            <goal>repackage</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-resources-plugin</artifactId>
                <version>3.0.1</version>
                <configuration>
                    <nonFilteredFileExtensions>
                        <nonFilteredFileExtension>woff</nonFilteredFileExtension>
                        <nonFilteredFileExtension>eot</nonFilteredFileExtension>
                        <nonFilteredFileExtension>ttf</nonFilteredFileExtension>
                        <nonFilteredFileExtension>svg</nonFilteredFileExtension>
                    </nonFilteredFileExtensions>
                </configuration>
            </plugin>

        </plugins>
	</build>  

首先在resource中添加了exclude和include,嘗試沒有效果,然後再配置了maven-resources-plugin,圖示在ie8中終於能顯示出來了,感動的熱淚盈眶,至於上面配置的exclude和include可不可以刪掉懶得測試了。

然後還發現一個問題,我的font-awesome.css配置如下,同事電腦中沒有src: url('../fonts/fontawesome-webfont.eot');這一行程式碼也會顯示不出來

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype');
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}


相關推薦

spring-boot-devtools在Idea熱部署方法

maven cache too wid onf ram 組合 ng- app 一、概述 spring boob 項目在開發中修改了項目文件不能進行熱部署,著實影響效率。 二、熱部署配置 2.1 POM文件 <plugin> <groupId>

mac 10 unity4.7編輯器所有文件顯示

.html 參考 edit 新的 tor ati not 列表 不顯示   項目中升級mac 10後 打開unity項目編輯器顯示文件列表都沒有了 解決方法參考鏈接: http://www.sohu.com/a/155360770_667928          

spring boot配置文件 spring.mvc.static-path-pattern 配置項

div AD 路由 add hand 源文件 PE 前綴 ML spring boot項目中的靜態資源文件存放在static文件下面,當通過瀏覽器訪問這些靜態文件時,發現必須要添加static作為前綴才能訪問,折騰了一番後發現,這個前綴跟 spring.mvc.static

Spring boot 讀取jar包resources下的檔案

package com.jiankunking.elasticsearch.extension.util; import org.springframework.core.io.DefaultResourceLoader; import org.springframework.core

Spring Boot的shiro整合()

一 配置 1 MyShiroRealm類 package com.wzq.shiro.config; import javax.annotation.Resource; import org.apache.shiro.authc.AuthenticationExc

spring boot 2.x html引用css和js失效

在application.properties中配置了static的預設路徑 我的static目錄結構是這樣的 index.html中這樣引用css或者js檔案,用到了th標籤 html使用th標籤需要先匯入   以上這樣配置好了之後發現網頁的c

Android Studio 在res新建資料夾顯示

工作需要,要學習Android。於是就拿了本電子書進行學習。 1.問題描述 根據書上的例子在 res資料夾下建 layout_large檔案,居然不顯示 但是在 當前目錄下確實建立了。 2.問題思考 難道是沒有重新整理?使用File->Sync With Fi

Spring Boot | 返回Json資料的Date格式化

                    --昨夜西風凋碧樹,獨上高樓,望盡天涯路   採用Spring Boot加Mybatis時,Mybatis中時間格式為datetime型別,Java中實體類型別為Date型別: 當通過Spring Boot自

一種導致 emwin EDIT 控制元件顯示的情況

@2018-12-11 【小記】 設計介面中使用了 EDIT 控制元件,但在其初始化語句中誤使用了 text-color 屬性API,導致了控制元件 EDIT 中的 Text 無法顯示,具體如下 1 hItem = WM_GetDialogItem(pMsg->hWin, ID_EDIT_0

PHP gd庫在html生成的影象顯示

生成圖片的PHP檔案單獨放在資料夾裡面,然後在另一個需要顯示這個圖片的頁面裡寫個< src="PHP圖片路徑" />就可以啦! 例如: phpimagecreate.php: <?php $ysize = 300; $xsize = 2

Android ADT graphical layout視窗顯示預覽

解決方法為: 右鍵單擊當前project--> Android Tools ---> Fix Project Properties, 然後再右鍵關閉該project, 再右鍵開啟project, 再開啟xml就好了。

Spring boot 梳理 - 在bean使用命令列引數-自動裝配ApplicationArguments

If you need to access the application arguments that were passed to SpringApplication.run(…​), you can inject a org.springframework.boot.ApplicationArgumen

scrollview巢狀viewpager顯示

activityScdetailsBottomVp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {              @Override            publicvoid onPageS

解決Activiti6在linux環境流程圖的中文顯示的問題

使用Activiti6工作流引擎,製作了流程圖後,Windows環境測試正常,流程圖顯示正常。但專案部署到linux環境後,發現生成的流程圖的中文沒有顯示出來,只顯示了框框和線條。如下:通過度娘,參考https://www.cnblogs.com/liughost/p/436

vue style 標籤 background-image 空白顯示

通常我們使用 background-image 標籤時, url 的值無非就以下幾種: ![](https://img-blog.csdn.net/20181012193137547?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dyZWV

springboot favicon.ico 圖示顯示問題,後臺日誌報錯找到favicon.ico 檔案問題 解決

重構框架的時候發現這個問題 在伺服器上發現已訪問就會出現favicon.ico 找不到的日誌,開始也是在網上找方案,找問題,結果都不是很符合心意。 我個人感覺還是配置攔截器的問題,先貼程式碼。然後真的是攔截器問題 /** * 註冊 攔截器 */

Spring Boot之Test Caseplaceholder資訊無法找到的問題解決

引言: 在Spring Boot中的單元測試中,需要針對特定的場景進行測試,在其中碰到了placeholder的資訊無法正確獲取的問題,看看如何的解決的...1.  Spring boot的單元測試程式碼示例import org.junit.Test; import org.

spring boot 在普通類獲取HttpServletRequest物件

import org.springframework.web.context.request.RequestContextHolder; import org.springframework.web.context.request.ServletRequestAttributes; import j

系統任何頁面都顯示位址列和工具欄(減少使用者惡意修改網址破壞系統)

 我們有時候看到了一些比較好的系統,使用者登入介面就去掉了位址列,然後當用戶登入到系統中,系統中的頁面也不顯示位址列,這樣的好處就是防治使用者通過觀察位址列的引數規律來偽造引數連線頁面破壞系統。 這裡去掉位址列需要3個頁面 1.Default.aspx:這個頁面作為部署系統的

Spring Boot YML配置檔案使用MAVEN變數@[email protected]

在application.properties字尾的配置檔案中我們如下使用MAVEN變數: [email protected]@ @執行時符號會自替換成MAVEN變數配置好的值,但是換成YML配置檔案不行了,會報錯,如下配置即可解決: eureka:   cl