Шрифт не найден на сервере для firefox

Question

Недавно я начал использовать FontAwesome, и все работает отлично на локальном хосте в Firefox, IE и Chrome. Но когда я опубликовал свой сайт MVC Я получил эту ошибку в поджигатель:

Ошибка:

«NetworkError: 404 Not Found - хххх: //test.webapp.ilvo/fonts/fontawesome-webfont.woff ? v = 4.2.0 "fontawe ... v = 4.2.0

" NetworkError: 404 Not Found - xxxx: //test.webapp.ilvo/fonts/fontawesome-webfont.ttf? v = 4.2.0 "

Мой шрифт декларации в CSS (нормальный):

Декларация

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('/Content/fonts/fontawesome-webfont.eot?v=4.2.0'); 
    src: url('/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
    url('/Content/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), 
    url('/Content/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), 
    url('/Content/fonts/fontawesome- webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

шрифта в CSS (метод Bulletproofer Mo»)

@font-face { 
font-family: 'FontAwesome'; 
    src: url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.eot); 
    src: url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.eot) format("embedded-opentype"), 
    url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.woff) format("woff"), 
    url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.ttf) format("truetype"), 
    url(http://:/) format("No-IE-404"), url(/Content/fonts/fontawesome-webfont.svg) format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 

Оба эти работы местных! Мой шрифт хранится на карте Содержимое/шрифты. У меня есть 2 других пользовательских шрифта, которые работают повсюду, но FontAwesome по какой-то причине прослушивает.

Нужна помощь! Thx

* EDIT

Серфинг в ххх: //test.webapp.ilvo/Content/fonts/fontawesome-webfont.woff получает меня шрифт.

** EDIT

Я попытался установить Mimetypes на сервере и в моем WebConfig, но и не делают никакой разницы.

Web.config

<httpProtocol> // FONTAWESOME WOFF & TTT NOT FOUND IN FIREFOX 
    <customHeaders> 
    <add name="Access-Control-Allow-Origin" value="*" /> 
    </customHeaders> 
</httpProtocol> 

<staticContent> 
    <remove fileExtension=".eot" /> 
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> 
    <remove fileExtension=".woff" /> 
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> 
    <remove fileExtension=".ttf" /> 
    <mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" /> 
    <remove fileExtension=".svg" /> 
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> 
    <remove fileExtension=".otf" /> 
    <mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" /> 
</staticContent> 

Подставляя это в моем веб-конфигурации ничего не делает.

Ответить Заголовок:

Access-Control-Allow-Head ... типа содержимого

Access-Control-Allow-ориг ... *

Answer 1

Вы должны попробовать это. Это работает для меня. единственное изменение от вашего кода: оно должно быть x-font-woff не font-woff.

<staticContent> 
    <remove fileExtension=".woff"/> 
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> 
</staticContent> 

Answer 2

Что я могу ясно видеть его рассогласование URL, ничего плохого со шрифтами просто проверить URL

xxxx://test.webapp.ilvo/fonts/fontawesome-webfont.woff? 

и исходный URL является с /Content/fonts/fontawesome-webfont.woff? v = 4,2.0'

поэтому вам нужно установить

 test.webapp.ilvo/Content/fonts/fontawesome-webfont.woff? 

, то он будет работать

Answer 3

Я дала ответ на аналогичный вопрос в этом посте woff font MIME type on live server error

Шрифт типа мим должен быть application/font-woff не application/x-font-woff