關於字型跨域

2022-03-18 14:24:12 字數 648 閱讀 1398

寫在前面的話:

跨域問題啊…………字型跨域,居然碰到了~~網上蒐羅來的答案,有機會的可以試試有沒有效

原文:css載入字型的跨域問題   **載)

剛才碰到乙個css載入字型跨域問題,記錄一下啊。

站點的動態請求與靜態檔案請求是不同的網域名稱的。站點的網域名稱為 www.domain.com,而靜態檔案的網域名稱為 st.domain.com。

問題:頁面中載入css檔案:

此css中呼叫了外部字型如下:

@font-face {

font-family: 'fontawesome';

src: url('../font/fontawesome-webfont.eot');

瀏覽器報請求跨域的錯誤。

解決方案:

我們使用access-control-allow-origin:* 通過啟用cors 來解決跨域問題。

具體步驟如下:

1.開啟apache的mod_headers模組

loadmodule headers_module modules/mod_headers.so

2.在st.domain.com的主機配置中加入

header set access-control-allow-origin

重啟apache。

apache css 跨域 css載入字型跨域問題

剛才碰到乙個css載入字型跨域問題,記錄一下。站點的動態請求與靜態檔案請求是不同的網域名稱的。站點的網域名稱為 www.domain.com,而靜態檔案的網域名稱為 st.domain.com。問題 頁面中載入css檔案 此css中呼叫了外部字型如下 font face font family fo...

CSS 字型產生跨域問題

只看上邊的兩張圖,也許看不出有啥大問題,只是顯示的圖示不同罷了。確實是圖示不同,但是同樣乙個 或者同樣乙個模板,因為瀏覽器的不同,就產生了不同的展現效果,甚至可以理解為所有的東西都一樣,但是展現的效果就是不一樣。當然能夠顯示出第二個效果的並不多。經過開啟瀏覽器的開發者模式來進行檢視,出現了上圖結果,...

加上cdn後字型跨域

font face是css3中的乙個特性,可以把自己定義的web字型嵌入到網頁中,隨著 font face,越來越多的網頁採用字型圖示作為網頁中的小圖形。比如bootstrap就採用了glyphicons 字型圖示 在bootstrap的架構下可以免費使用glyphicons的250多種圖示字型。另...