Glyphicons无法正确显示

Question

我正在使用jsf,primefaces和bootstrap 3开发一个应用程序.

来自glyphicons的测试页面完美地显示在我的浏览器中,但是当我尝试使用web项目中的图标时,我只会得到奇怪的符号.

我最好的猜测是,glyphicons css文件无法找到字体,即使我将它们也复制到项目中并让相关部分相同:

    -resources
     -css
      -bootstrap.css
      -bootstrap-glyphicons.css
     -fonts
      -glyphicons-halflings.eot
      -glyphicons-halflings.otf
      -glyphicons-halflings.svg
       ...

如何确保css文件找到我的字体目录/修复此错误？

Answer 1

内部bootstrap-glyphicons.css替换以下字符串:

• src:url('../fonts/glyphiconshalflings-regular.eot')
  至
  #{resource['fonts:glyphiconshalflings-regular.eot]}

• src:url('../fonts/glyphiconshalflings-regular.eot?#iefix')
  至
  #{resource['fonts:glyphiconshalflings-regular.eot?#iefix]}

• src:url('../fonts/glyphiconshalflings-regular.woff')
  至
  #{resource['fonts:glyphiconshalflings-regular.woff]}

• src:url('../fonts/glyphiconshalflings-regular.ttf')
  至
  #{resource['fonts:glyphiconshalflings-regular.ttf]}

• src:url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular')
  至
  #{resource['fonts:glyphiconshalflings-regular.svg#glyphicons_halflingsregular]}