样式表中@import url("http://abc") 的替代品是什么答案

【问题标题】：What is alternate of @import url("http://abc") in style sheet样式表中@import url("http://abc") 的替代品是什么
【发布时间】：2017-04-29 09:46:41
【问题描述】：

实际上，我们有一个 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

谢谢

【问题讨论】：

嗨@Sukhi我把网址放在浏览器中，它显示404错误。那么 url 是否返回 css 呢？
这不是实际的 URL...我把它放出来只是为了我们的理解

标签： css sitecore bundling-and-minification sitecore8 asp.net-mvc-5.2

【解决方案1】：

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

要避免@import url('yourCssUrlHere')，您可以做的只是在浏览器上复制/粘贴该网址，然后复制/粘贴显示的 CSS。

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

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

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

【讨论】：