2

xpage でアイコン (素晴らしい) フォントを使用したいと考えています。私はそれをダウンロードし、それらを自分の webContent フォルダーに入れました (ブートストラップなどのすべての追加要素として)。次のように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 に 2 つのエラー メッセージが表示されます。

"NetworkError: 404 が見つかりません - http://localhost/home.nsf/xsp/.ibmmodres/font/fontawesome-webfont.woff" "NetworkError: 404 が見つかりません - http://localhost/home.nsf/xsp/. ibmmodres/font/fontawesome-webfont.ttf"

そのため、フォントのロードは機能しません (ファイルはそのフォルダーのフォントにあり、使用している他の css および js ファイルは同じ方法でロードされます)。私はブートストラップを使用し、ダウンロード用のアイコンを非アクティブ化しました (ただし、そこにあるグリフにも同じ問題がありました)。

だから多分誰かがアイデアを持っています。

4

2 に答える 2

0

私のサーバー (この場合は localhost) に問題があることがわかりました。.woff が application/octet-stream の MIME タイプとして登録されていません。登録すると、404 not found エラーが発生しなくなりました。

于 2014-02-15T01:26:39.960 に答える
0

最初のスラッシュを削除してください。

プラン B: フォントをリソース ディレクトリに移動します (Java パースペクティブを使用する場合は、フォント ディレクトリを作成できます)。

于 2012-10-17T01:02:06.310 に答える