2016-05-08 3 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» м в хром указывается следующим образом (для всех трех файлов):

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

Это папка Структура:

enter image description here

Кроме того, отображение выглядит следующим образом:

<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> 

И, наконец ПИК ошибки в Дев инструментов:

enter image description here

+0

Почему он пытается загрузить '30B733_0_0.woff2.jsf' вместо' 30B733_0_0.woff2'? Откуда это второе расширение? .jsf? –

ответ

0

JSF, по-видимому, требует СЧА папок как «:» вместо обратных косых черт.

@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

 Смежные вопросы

  • Нет связанных вопросов^_^