css - 样式表中 @import url ("http://abc"的替代项是什么

Question

实际上我们有一个 global.css 样式表，我们在其中使用 @import url("http://fonts.net/sample.css?type=cssandid=123") 字体.

但它在捆绑和缩小方面造成了问题，所以我得到了以下解决方案: http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

我用元素替换@import

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

即使在这之后我在 CSS Lint( http://csslint.net/ ) 中检查时仍然遇到 CSS 错误，并且没有像使用 @import 那样获得真正的 UI 效果。

对此我们还有其他解决方案吗？

环境:VS2015，MVC 5.2，sitecore 8.1

谢谢

Answer 1

希望您在发布此问题后找到了解决方案

要避免 @import url('yourCssUrlHere')，您可以做的是简单地复制/粘贴浏览器上的 URL，然后复制/粘贴显示的 CSS。

然后只需用您刚刚复制的 CSS 替换 @import。

大多数情况下，如果导入的是字体，则会有其他对 .woff 或 .woff2 文件的引用。 只需下载它们并将这些文件存储在元素文件夹中的某个位置，然后将它们的绝对链接添加到所有 url() 字段中即可。

这样，您就可以在内部使用外部字体或样式表，而无需在您的网站之外请求它们。