Question

我使用样式包并使用样式渲染来渲染我的所有CSS。

bundles.Add(new StyleBundle("~/content/assets")
                    .Include(
                             "~/assets/plugins/bootstrap/css/bootstrap.min.css",
                            "~/assets/css/one.style.css",
                             "~/assets/css/footers/footer-v7.css"
                     ));
            bundles.Add(new StyleBundle("~/content/plugin")
                                        .Include("~/assets/plugins/animate.css",
                                                    "~/assets/plugins/line-icons/line-icons.css",
                                                    "~/assets/plugins/pace/pace-flash.css",
                                                    "~/assets/plugins/owl-carousel/owl.carousel.css",
                                                    "~/assets/plugins/cube-portfolio/cubeportfolio/css/cubeportfolio.min.css",
                                                    "~/assets/plugins/cube-portfolio/cubeportfolio/custom/custom-cubeportfolio.css",
                                                    "~/assets/plugins/login-signup-modal-window/css/style.css",
                                                    "~/assets/css/plugins/style-switcher.css",
                                                    //Not plugins , but included for page load sequence
                                                    "~/assets/css/theme-skins/one.dark.css",
                                                    "~/assets/css/custom.css"
                                                    ).Include("~/assets/plugins/font-awesome/css/font-awesome.min.css", new CssRewriteUrlTransform()));


 @Styles.Render("~/content/assets")
 @Styles.Render("~/Content/plugin")

这在dev上工作正常，但是当我对应用程序进行deplot时，它会丢失少量资源的链接。

例如fowlloing链接，Simple-Line-Icons.woff和ttf不起作用，因为它正在查看内容虚拟文件夹，而字体是其他地方。

@font-face {
    font-family: 'Simple-Line-Icons';
    src:url('fonts/Simple-Line-Icons.eot');
    src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
        url('fonts/Simple-Line-Icons.woff') format('woff'),
        url('fonts/Simple-Line-Icons.ttf') format('truetype'),
        url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

我可以使用绝对链接到Css中的资源，但想一想有没有更好的方法来实现这个...

Answer 1

我们有类似的问题。

我们使用gulp，因此有一个srcdirectory和一个dist目录。

在src中，字体位于两种情况下，字体都在src中 - ＆gt; fonts或dist - ＆gt;字体，用量少/ css是不同的：

的src - ＆GT;少 - ＆GT;应用程序 - ＆GT; style.less和 DIST - ＆GT; CSS - ＆GT; style.min.css

我们现在用更少的东西编写样式，这样就可以生成CSS。令人困惑的部分是，较少的文件有错误，并且由于不同的层次结构而无法找到字体文件。但是一旦你理解了原因，这对我们来说就好了。也许你可以用同样的方式处理它，其他我认为绝对路径将是你要走的路。

.ghoff和.tff的链接在缩小后不起作用

1 个答案: