樣式表中的@import url（「http：// abc」）的替代方式

實際上，我們有一個global.css樣式表，其中我們使用@import url("http://fonts.net/sample.css?type=cssandid=123")作爲字體。樣式表中的@import url（「http：// abc」）的替代方式

但它在捆綁&微小創建問題，所以我得到了以下解決方案： http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

，我甚至在此之後我越來越CSS錯誤，我檢查與元素

<link rel='stylesheet' type='text/css' href='http://fonts.net/sample.css?type=cssandid=123'>

代替@import在CSS Lint（http://csslint.net/）中，而不像@import那樣獲得真正的UI效果。

我們有其他解決方案嗎？

環境：VS2015，MVC 5.2，Sitecore的8.1

感謝

2016-12-14 Sukhjeevan

嗨@Sukhi我把該網址在瀏覽器中，它顯示我404錯誤。那麼url是否會返回css呢？ – Vedant

這不是真正的URL ......我只是爲了我們的理解 – Sukhjeevan

希望你找到了解決辦法，因爲你張貼了這個問題

你能做些什麼，以避免@import URL（'yourCssUrlHere '）只需在瀏覽器上覆制/粘貼URL，然後複製/顯示所顯示的CSS。

然後簡單地用剛剛複製的CSS替換@import。

大多數情況下，如果導入是字體，則會有其他對.woff或.woff2文件的引用。只需將它們下載並將這些文件存儲在項目文件夾的某個位置，並在所有url（）字段中添加它們的絕對鏈接即可。

這樣，您可以使用外部字體或樣式表，但內部不需要在您的網站外請求它們。

2017-08-02 13:59:15 Amaury

回答