Question

我正在使用Twitter Bootstrap 3.0.x

开发Orchard主题

我将所有脚本和样式添加到MyTheme / Scripts＆amp; MyTheme的/样式。除了Glyphicons图像外，它可以找到它。

在CSS文件中，它通过使用相对路径（../ fonts / glyphicon .....）引用图标。所以我创建了一个包含所有glyphicons文件的MyTheme / fonts。但是，当我浏览这些文件时找不到（404）。

例如，当我浏览源代码时：

http://localhost:9100/Themes/MyTheme/Scripts/bootstrap.js -> OK
http://localhost:9100/Themes/MyTheme/Styles/bootstrap.css -> OK
http://localhost:9100/Themes/MyTheme/fonts/glyphicons.. -> KO

有任何想法吗？

Answer 1

我知道这已经晚了，但也许它会帮助其他人。您应该将您的fonts文件夹放在Content文件夹中，如下所示：

http://localhost:9100/Themes/MyTheme/Content/fonts/

在此之后你应该在外部css文件中覆盖你的bootstrap.css和bootstrap.min.css你的Glyphicons的@ font-face。看起来像这样：

    @font-face{
    font-family:'Glyphicons Halflings' !important;
    src:url(../Content/fonts/glyphicons-halflings-regular.eot) !important;
    src:url(../Content/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
        url(../Content/fonts/glyphicons-halflings-regular.woff) format('woff'),
        url(../Content/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
        url(../Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') !important
}

Orchard似乎没有像Content文件夹之外的字体那样获得内容。

如何将Glyphicons字体包含在Orchard主题中？

1 个答案: