Как включить шрифты Glyphicons в тему Orchard?

Я работаю над темой Orchard, используя Twitter Bootstrap 3.0.x.

Я добавил все скрипты и стили в MyTheme/Scripts & MyTheme/Styles. Это работает, кроме изображений Glyphicons.

В файлах CSS он ссылается на значки, используя относительный путь (../fonts/glyphicon...). Поэтому я создал 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

Любая идея сделать это?


twitter-bootstrap asp.net-mvc glyphicons orchardcms-1.6
person K4timini    schedule 15.07.2014    source источник
comment
Я думаю, что этот вопрос нуждается в общем разъяснении.   -  person Jordan.J.D    schedule 15.07.2014

Ответы (1)


arrow_upward
2
arrow_downward

Я знаю, что это поздно, но, возможно, это поможет другим людям. Вы должны поместить папку со шрифтами в папку Content, выглядящую следующим образом:

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

После этого вы должны перезаписать во внешнем файле CSS ваши bootstrap.css и bootstrap.min.css @font-face ваших Glyphicons. Выглядит так:

    @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.

person ZozV    schedule 29.10.2014