Bootstrap 3 Glyphicons не отображаются на странице Grails GSP

У меня есть приложение Grails, и я интегрировал Bootstrap 3. Все работает нормально, за исключением того, что глификоны не отображаются/не отображаются на моей странице.

У меня есть следующий код на моей странице входа.

<div class="input-group">
    <span class="input-group-addon ">
        <i class="icon-user icon-color"></i>
    </span>
    <input type="text" class="form-control " placeholder="Username" required="required" />
</div>

и то, что отображается на моей странице: textbox with no glyphicon

[Оранжевый кружок указывает, где должен был появиться/отобразиться глификон]

CSS:

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'),    url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Структура моей папки

папка

Я добавил /fonts/* в Config.groovy, например

// What URL patterns should be processed by the resources plugin
grails.resources.adhoc.patterns = ['/images/*', '/css/*', '/js/*', '/plugins/*', '/fonts/*']

В Google Chrome отображается ошибка (F12) error


fonts grails css twitter-bootstrap-3 glyphicons
person biniam    schedule 09.06.2014    source источник

Ответы (5)


arrow_upward
4
arrow_downward

Правило spring-security не может быть настроено в Config.groovy :), см.:

grails.plugin.springsecurity.controllerAnnotations.staticRules = [
  (...)
  '/**/fonts/**':                 ['permitAll'],
  (...)
]
person Ewerton Costa    schedule 15.08.2014

arrow_upward
3
arrow_downward

Наконец-то я нашел решение!

Я добавил следующую строку в Config.groovy, и глификоны не отображаются.

grails.resources.adhoc.includes = ['/images/**', '/css/**', '/js/**', '/plugins/**', '/fonts/**']

Я уже добавил /fonts/* в Config.groovy, например

// Какие шаблоны URL должны обрабатываться плагином ресурсов

grails.resources.adhoc.patterns = ['/images/*', '/css/*', '/js/*', '/plugins/*', '/fonts/*']

но теперь добавлен grails.resources.adhoc.includes.

person biniam    schedule 09.06.2014

arrow_upward
1
arrow_downward

вы можете взять https://github.com/glancekit/glance в качестве примера. Он работает с Grails 2.3.8 и Bootstrap 3. Все глификоны отображаются правильно во взгляде.

-маркус

person schneidermatic    schedule 09.06.2014
comment
Спасибо. Не только для глификонов, но и приложение очень хорошее. Отличная работа! - person biniam; 09.06.2014

arrow_upward
0
arrow_downward

Похоже, ваш синтаксис может быть неправильным.

Я не уверен насчет значка user-color, но для user-icon я считаю, что классы должны быть:

<i class="fa fa-user"></i>

Предполагается, что вы используете последнюю версию Font Awesome. Если вы используете шрифты Foundations Icon Fonts 3, имя класса должно начинаться с префикса fi-. А для BS3 должно быть:

<i class="glyphicon glyphicon-cog"></i>
person Chaos    schedule 09.06.2014
comment
Это не просто проблема синтаксиса. Пожалуйста, посмотрите на ошибку в хроме, которую я разместил. Спасибо. - person biniam; 09.06.2014

arrow_upward
0
arrow_downward

Он должен использовать диапазон:

<span class="glyphicon glyphicon-user" aria-hidden="true"></span>

ссылка: http://getbootstrap.com/components/#glyphicons-how-to-use

person user3175419    schedule 07.07.2015