Grast GSP页面中未显示Bootstrap 3 Glyphicons

Question

我有一个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>

我页面中显示的内容是：

[橙色圆圈表示字形应该出现/显示的位置]

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;
}

我的文件夹结构

我在 Config.groovy 中添加了/ fonts / *，如

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

Google Chrome（F12）中显示错误

Answer 1

可能未在Config.groovy :)上配置spring-security规则，请参阅：

grails.plugin.springsecurity.controllerAnnotations.staticRules = [
  (...)
  '/**/fonts/**':                 ['permitAll'],
  (...)
]

Answer 2

最后，我找到了解决方案！

我在Config.groovy中添加了以下行，并且没有显示Glyphicons。

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

我已经在Config.groovy中添加了/ fonts / *，如

//资源插件应处理哪些URL模式

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

但现在添加了grails.resources.adhoc。包含。

Answer 3

您可以以https://github.com/glancekit/glance为例。 它适用于grails 2.3.8和Bootstrap 3.所有Glyphicons都能正确显示。

-markus

Answer 4

看起来您的语法可能有误。

我不确定user-color图标，但对于user-icon我认为课程应该是：

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

这假设您使用的是最新版本的Font Awesome。如果您使用的是Foundations Icon Fonts 3，则类名应以fi-前缀开头。对于BS3，它应该是：

<i class="glyphicon glyphicon-cog"></i>

Answer 5

它应该使用span：

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

参考：source