CSS 字體(例如font-awesome)，使用子域名之后不能正確顯示

vboy1010 發布于2019-08-29 11:14 / 1393人閱讀

摘要：癥狀原來能正常顯示的情況下，將圖片文件改為子域名訪問，方便加速。切換之后一切正常，但是的圖片沒有正確顯示，全部顯示框框原因因為瀏覽器的安全規則，雖然是子域名，但是跨域載入字體文件的時候被瀏覽器攔截，導致了顯示不正常。解決以為例，修改或者

癥狀

原來能正常顯示的情況下，將js、css、圖片文件改為子域名訪問，方便cdn加速。切換之后一切正常，但是font-awesome的圖片沒有正確顯示，全部顯示框框

原因

因為瀏覽器的安全規則，雖然是子域名，但是css跨域載入字體文件的時候被瀏覽器攔截，導致了顯示不正常。

解決

以apache為例，修改.htaccess或者 httpd.conf


# Make sure proxies don’t deliver the wrong content
Header append Vary User-Agent env=!dont-vary
  
    Header set Access-Control-Allow-Origin "*"

云服務器 GPU云服務器字體效果不能顯示創建子域名添加子域名子域名查詢

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111513.html

CSS 字體(例如font-awesome)，使用子域名之后不能正確顯示

摘要：癥狀原來能正常顯示的情況下，將圖片文件改為子域名訪問，方便加速。切換之后一切正常，但是的圖片沒有正確顯示，全部顯示框框原因因為瀏覽器的安全規則，雖然是子域名，但是跨域載入字體文件的時候被瀏覽器攔截，導致了顯示不正常。解決以為例，修改或者癥狀原來能正常顯示的情況下，將js、css、圖片文件改為子域名訪問，方便cdn加速。切換之后一切正常，但是font-awesome的圖片沒有正確顯示...

animabear 2019-07-24 10:32 評論0 收藏0
FontAwesome 圖標字體庫的使用

摘要：和元素廣泛用于圖標。可以直接對圖標的屬性進行更改，如圖標的顏色大小，并且可以組合不同的圖標形成所需的圖標等。執行以上步驟，若是沒有圖標顯示，可以打開，檢查字體庫，即引入文件的路徑是否正確。在前端開發中，許多新手常會遇見一個問題，參考的網頁上有類似下圖的圖標，但在資源里卻找不到對應的文件，這是因為這些網頁使用了圖標庫。這里介紹一種常見的圖標庫——FontAwesome的使用。 1.登錄Fon...

zsirfs 2019-04-23 11:43 評論0 收藏0
CSS進階篇--fontAwesome代替網頁icon小圖標

摘要：網頁小圖標到處可見，如果一個網頁都是干巴巴的文字和圖片，而沒有小圖標，會顯得非常簡陋。直接看代碼鏈接鏈接鏈接鏈接得出的結果就是其他應用還有其他更加復雜一點的應用，包括固定寬度浮動反轉旋轉疊加圖標等。引言奧森圖標（Font Awesome）提供豐富的矢量字體圖標—通過CSS可以任意控制所有圖標的大小，顏色，陰影。網頁小圖標到處可見，如果一個網頁都是干巴巴的文字和圖片，而沒有小圖標...

paney129 2019-08-28 18:18 評論0 收藏0
關于yo+gulp+bower一起構建應用時遇到的一些問題總結

摘要：問題一在中配置開發測試時用得庫，無法在運行時注入。解決辦法分如下幾步，在自己的里直接將變量重寫，指向正確的相對位置即可。問題一、在bower中配置開發測試時用得庫，無法在運行時注入。首先是打算有一些測試時候用到的庫，放到bower.json文件的devDependencies里面，但是運行之后怎么也找不到對應的文件，也就是gulp無法進行注入，而加到正式的庫里面就能找到解決辦法參看了...

cnsworder 2019-08-21 10:44 評論0 收藏0
前端基礎入門二（CSS）

摘要：輸入的時候少按一個鍵瀏覽器兼容問題比如使用的選擇器命名，在是無效的能良好區分變量命名變量命名是用不要純數字中文等命名，盡量使用英文字母來表示。選擇器和類選擇器最大的不同在于使用次數上。當需要設置英文字體時，英文字體名必須位于中文字體名之前。回顧上一節HTML 思維導圖 showImg(https://segmentfault.com/img/bVbno3O?w=1378&h=1178...

Lorry_Lu 2019-08-30 15:55 評論0 收藏0