Jetty 9 FontAwesome Empty Icons

Я размещаю свой Java webapp с Jetty 9, и я хотел бы сам разместить значки шрифтов. Однако я не вижу значки правильно (они квадратные. Если я связываю с CDN, он работает отличноJetty 9 FontAwesome Empty Icons

Эта ссылка работает

<%--<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">--%>

Это не

<link rel="stylesheet" type="text/css" href="../resources/font-awesome-4.3.0/css/font-awesome.min.css"/>

Я попытался добавить следующее к моей web.xml

<mime-mapping> 
    <extension>otf</extension> 
    <mime-type>application/x-font-opentype</mime-type> 
    </mime-mapping> 
    <mime-mapping> 
    <extension>ttf</extension> 
    <mime-type>application/x-font-truetype</mime-type> 
    </mime-mapping> 
    <mime-mapping> 
    <extension>woff</extension> 
    <mime-type>application/font-woff</mime-type> 
    </mime-mapping> 
    <mime-mapping> 
    <extension>woff2</extension> 
    <mime-type>application/octet-stream</mime-type> 
    </mime-mapping> 
    <mime-mapping> 
    <extension>eot</extension> 
    <mime-type>application/vnd.ms-fontobject</mime-type> 
    </mime-mapping> 
    <mime-mapping> 
    <extension>svg</extension> 
    <mime-type>image/svg+xml</mime-type> 
    </mime-mapping>

Все, что я получаю от IE является следующим

CSS3111: @font-face encountered unknown error. File: 
OpenSans-Light.ttf

и Chrome

 
Failed to decode downloaded font: 
localhost:8080/resources/theme-triton/resources/fonts/OpenSans-Light.ttf 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/theme-triton/resources/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/theme-triton/resources/fonts/OpenSans-Regular.ttf 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/theme-triton/resources/fonts/OpenSans-Bold.ttf 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/theme-triton/resources/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/theme-triton/resources/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/font-awesome-4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0 
index.jsp:1 Failed to decode downloaded font: 
localhost:8080/resources/font-awesome-4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0

заголовка ответа

HTTP/1.1 200 OK 
Content-Type: application/x-font-truetype 
Last-Modified: Sun, 31 May 2015 17:30:12 GMT 
Accept-Ranges: bytes 
Content-Length: 359350 
Server: Jetty(9.2.10.v20150310)

заголовка запроса

Accept:*/* 
Accept-Encoding:gzip, deflate, sdch 
Accept-Language:en-GB,en-US;q=0.8,en;q=0.6 
Cache-Control:no-cache 
Connection:keep-alive 
Host:localhost:8080 
Pragma:no-cache 
Referer:localhost:8080/wro/test.css 
User-Agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2418.0 Safari/537.36

Может кто-нибудь сказать мне, что/где я делаю неправильно?

источник

2015-05-31 Wei Yuan

Можете ли вы поместить ссылку, где находится ее размещение. Вы проверили в Element Inspector, что файл связан правильно, как вы этого хотите? EDIT: Хорошо, из вашего журнала, я думаю, вы обеспечили правильную связь. Можете ли вы по-прежнему проверить и подтвердить, что файл css, указанный вами в html, отлично открывается при щелчке по исходному коду? –

Я не указывал, что использовал maven для создания своего проекта. Я просто должен указать, какие расширения файлов, которые maven не должен фильтровать, если не maven будет повреждать файл. Это похоже на этот ответ https://stackoverflow.com/a/31475762/4959062

<plugin> 
    <groupId>org.apache.maven.plugins</groupId> 
    <artifactId>maven-resources-plugin</artifactId> 
    <version>2.7</version> 
    <configuration> 
     <nonFilteredFileExtensions> 
     <nonFilteredFileExtension>woff</nonFilteredFileExtension> 
     <nonFilteredFileExtension>ttf</nonFilteredFileExtension> 
     <nonFilteredFileExtension>woff2</nonFilteredFileExtension> 
     <nonFilteredFileExtension>eot</nonFilteredFileExtension> 
     <nonFilteredFileExtension>swf</nonFilteredFileExtension> 
     <nonFilteredFileExtension>ico</nonFilteredFileExtension> 
     </nonFilteredFileExtensions> 
    </configuration> 
    </plugin>

источник

2015-08-23 10:54:05

Попробуйте удалить '? V = 4.3.0' суффикс в @ font-face {} block local css.

источник

2015-06-01 07:23:40 registsys

ответ

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