Question

我想在我的xpage中使用icon（awesome）字体。我下载了它并将它们放入我的webContent文件夹（作为我所有的附加内容。例如bootstrap）。我修改了awesome.css，如下所示。

@font-face {
  font-family: "FontAwesome";
  src: url('/font/fontawesome-webfont.eot');
  src: url('/font/fontawesome-webfont.eot?#iefix') format('eot');
  src: url('/font/fontawesome-webfont.woff') format('woff');
  src: url('/font/fontawesome-webfont.ttf') format('truetype');
  src: url('/font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

然后放入我的页面。

<i class="icon-refresh"></i>

结果是。我在页面中看到了该图标字体的占位符，并在firebug中看到了两条错误消息。

“NetworkError：404 Not Found - http：// localhost / home.nsf / xsp / .ibmmodres / font / fontawesome-webfont.woff” “NetworkError：404 Not Found - http：// localhost / home.nsf / xsp / .ibmmodres / font / fontawesome-webfont.ttf”

因此加载字体不起作用（文件是在该文件夹字体中，我正在使用的其他css和js文件，使用相同的方法加载）。我使用bootstrap并停用下载的图标（但我的字形有同样的问题）。

所以也许有人有个主意。

Answer 1

删除第一个斜杠，应该这样做。

计划B：将字体移动到资源目录中（如果使用Java透视图，则可以创建字体目录）

Answer 2

我发现我的服务器（在本例中为localhost）没有将.woff注册为mime类型的application / octet-stream。一旦我注册了它，我就不再有404找不到错误了。

在xpages中使用图标字体

2 个答案: