glyphicons-halflings-regular.woff2 not loading 404 error

Я пробовал много и видел так много ответов, но никто не помогает мне здесь. Я не уверен, почему глификоны-халфлинги-regular.woff2 не могут загрузить, даже у меня есть последняя версия начальной загрузки.glyphicons-halflings-regular.woff2 not loading 404 error

Bootstrap 3 unable to display glyphicon properly

Структура каталогов

enter image description here

Ошибка

enter image description here

@ правило шрифта лица в CSS

@font-face { 
    font-family: 'Glyphicons Halflings'; 

    src: url('../fonts/glyphicons-halflings-regular.eot'); 
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
}

источник

2015-05-17 henrycharles

Каковы ваши правила @ шрифт лицу? Можете ли вы увидеть свои шрифты, если вы просто прямо напечатаете свой URL-адрес в браузере, чтобы загрузить их? Также обратите внимание, что WOFF2 [пока еще не очень широко поддерживается] (http://caniuse.com/#search=woff2) (в отличие от .WOFF, который поддерживается [почти все) (http: // caniuse.com/# feat = woff)) –

@ Mike'Pomax'Kamermans Нет Я не могу загрузить их, если я наберу их URL-адрес в браузере, и я добавил правило font-face, это точно так же, как bootstrap, без изменений на css были сделаны. Я не могу понять, почему это происходит – henrycharles

, это слишком много версий шрифтов. просто WOFF сделает, с .eot, если вы абсолютно должны поддерживать старые версии IE. С учетом сказанного вы можете добавить, какие местоположения вы пытались в браузере, чтобы посмотреть, загружаются ли ваши файлы? например когда сервер работает, и вы пытаетесь использовать localhost/fonts/glyphicons-halflings-regular.eot, каков ответ? Если вы поместите test.html в этот каталог, можете ли вы перейти к этому файлу или он также не существует, если вы поместите его в одну директорию, вы можете добраться до нее и т. Д. –

Присвоить значения типа MIME:

mimeMap:

FileExtension = "Уофф."
Mimetype = "приложение/шрифта Уофф"
FileExtension =». woff2 "
mimeType =" application/font-woff "

источник

2015-08-02 01:09:17

CSS Шрифт Другой крупный, такие как Bootstrap обычно относительны:
src:url(../fonts/glyphicons-halflings-regular.eot)

Так создать две папку, как этого

bootstrap bootstrap.min.css bootstrap.min.js fonts glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff

Таким образом, CSS может быть ссылка как: <link rel="stylesheet" href="resources/bootstrap/bootstrap.min.css">

Надеюсь, что это поможет

источник

2015-11-20 11:22:37

Я изменил файл: (applicationhost.config) :: Добавить mimeMap

Перейти к %UserProfile%\Documents\IISExpress\config\applicationhost.config

Найти

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

Изменить или Добавить

<mimeMap fileExtension=".woff" mimeType="application/font-woff" /> 
<mimeMap fileExtension=".woff2" mimeType="application/font-woff" />

источник

2016-09-29 07:55:30 bamossza

Добавьте следующие элементы в ваш web.xml, сразу в пределах < веб-приложение > тег:

<mime-mapping> 
    <extension>.woff</extension> 
    <mime-type>application/font-woff</mime-type> 
    </mime-mapping> 

    <mime-mapping> 
    <extension>.woff2</extension> 
    <mime-type>application/font-woff</mime-type> 
    </mime-mapping>

источник

2017-09-20 07:34:08 TBuc

glyphicons-halflings-regular.woff2 not loading 404 error

ответ

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