2017-03-01 4 views
1

私はOrbeonフォームを完全に新しくしています(先週から)。Orbeonでfont-awesomeを使用する(ローカルでホストされているフォントを読み込まない@ font-face)

Orbeonフォーム内のfont = awesomeライブラリのアイコンを使用したかったのです。公式のJS CDN(properties-local.xml内の.jsファイルを含む)を使用すると、うまくいきました。別のCSSベースのCDN(properties-local.xml内の.cssファイルを含む)を使用してもうまくいきました。

しかし、セキュリティのためにこれらのフォームが実行される環境では、外部の世界にアクセスすることはできません。そのため、ファイルをローカルにホストする必要があります。私たちのセットアップにCSSファイルを追加する

は、フォントをロードしているどのような障害が発生した/forms/blah/assets/css/font-awesome.css

からプロパティ-local.xmlロード内の.cssファイルなど、うまく働きましたコンソールログエラーはレンダリングされたページが正しいURIからファイルをロードしようとしているが、404エラーを表示していることを示しています。

公式のドキュメントやオンラインのほとんどの部分は、PDF生成で使用するためのフォントの読み込みを参照してください。 Webベースのフォームにもフォントで表示するのに似たものがありますか?

多くのお礼ありがとうございます

+1

問題は何ですか? – Dekel

+0

申し訳ありません@Dekel件名と質問を変更している間に誤って入力しました:) –

答えて

2

これは奇妙なタイプの問題であることが判明しました。 Apache Tomcatにフォントファイル用のweb.xml内にmime-mappingsが含まれていることを確認しましたが、私はOrbeonがこれらの設定を継承していない可能性は考えていませんでした。

私は似たようなの話をここにポストを見た:私の/webapps/blah/WEB-INF/web.xmlに以下を追加するhttp://forum.primefaces.org/viewtopic.php?f=3&t=42002

は、問題を解決:

<mime-mapping> 
    <extension>eot</extension> 
    <mime-type>application/vnd.ms-fontobject</mime-type> 
</mime-mapping> 
<mime-mapping> 
    <extension>otf</extension> 
    <mime-type>font/opentype</mime-type> 
</mime-mapping> 
<mime-mapping> 
    <extension>ttf</extension> 
    <mime-type>font/truetype</mime-type> 
</mime-mapping> 
<mime-mapping> 
    <extension>woff</extension> 
    <mime-type>application/font-woff </mime-type> 
</mime-mapping> 

Tomcatサービスこれが有効になるには、明らかに再起動が必要です。また

/webapps/blah/WEB-INF/resources/page-flow.xmlライン22を次のように修正:の追加だ

<files path="(?!/([^/]+)/service/).+\.(gif|css|pdf|json|js|coffee|map|png|jpg|xsd|htc|ico|swf|html|htm|txt|svg|ttf|eot|woff|woff2)"/> 

注意| TTF | EOT | WOFF | woff2その文字列の最後に

これは他に誰かがこれを行おうとするのに役立つだろうと思っています:)

+1

完璧、[issue#3138](https://github.com/orbeon/orbeon-home)でページフローの変更といくつかのmediatypesを追加しました。フォーム/問題/ 3138)、これは将来的にはこの箱の中で機能します。 – ebruchez

+0

これは素晴らしいです:)ありがとう –

関連する問題