2016-05-08 10 views
1

何らかの理由でローカルに保存されているフォントがjsfアプリケーションで正しくデコードされていません。私はすべてを試しましたが、この時点で私は迷っています。ダウンロードしたフォントのjsfでのデコードに失敗しました

これは、(プロジェクト/リソース/テキストに位置 - フォントファイルと同じ)CSSリファレンスであるシートは次のようにテンプレートで参照され

@font-face { 
    font-family: 'BunkenTechSansStd-Med'; 
    src: url("#{resource['text/30B733_0_0.eot']}"); 
    src: url("#{resource['text/30B733_0_0.woff2']}") format('woff2'), 
     url("#{resource['text/30B733_0_0.woff']}") format('woff'), 
     url("#{resource['text/30B733_0_0.ttf']}") format('truetype'); 
} 

<h:outputStylesheet library="text" name="MyFontsWebfontsKit.css"></h:outputStylesheet> 
<h:outputStylesheet library="css" name="style.css"></h:outputStylesheet> 

I「はエラークロムで受信すると、次のようになります(3つのファイルすべてについて):

"failed to decode downloaded font: http://localhost:1717/javax.faces.resource/text/30B733_0_0.woff2.jsf" 

ここがフォルダです構造:

<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>svg</extension> 
    <mime-type>image/svg+xml</mime-type> 
</mime-mapping> 
<mime-mapping> 
    <extension>ttf</extension> 
    <mime-type>application/x-font-ttf</mime-type> 
</mime-mapping> 
<mime-mapping> 
    <extension>woff</extension> 
    <mime-type>application/x-font-woff</mime-type> 
</mime-mapping> 
<mime-mapping> 
    <extension>woff2</extension> 
    <mime-type>application/x-font-woff2</mime-type> 
</mime-mapping> 

そして最後のdevのツールでのエラーの写真を:

enter image description here

+0

なぜ「30B733_0_0.woff2」の代わりに「30B733_0_0.woff2.jsf」をロードしようとしていますか?そのセカンダリの '.jsf'拡張はどこから来ますか? –

答えて

0

JSFが明らかにフォルダナビゲーションを必要とし、次のように

enter image description here

さらにマッピングがありますバックスラッシュの代わりに ":"とします。

@font-face {font-family: 'BunkenTechSansStd-Med'; src: url("#{resource['text:30B733_0_0.eot']}"); 
src: url("#{resource['text:30B733_0_0.woff2']}") format('woff2'), 
url("#{resource['text:30B733_0_0.woff']}") format('woff'), 
url("#{resource['text:30B733_0_0.ttf']}") format('truetype');} 
+0

'library =" text "'と 'library =" css "'は最初に間違っています。 http://stackoverflow.com/q/11988415も参照してください。 – BalusC

関連する問題