#css #http-status-code-404 #woff #woff2 #cloudways
#css #http-status-code-404 #woff #woff2 #cloudways
Вопрос:
Я не вижу значков icomoon в рабочей среде, потому что он возвращает ошибку 404:
ПОЛУЧАЕМ /icons/icomoon .woff net::ERR_ABORTED 404 (Не найден)
ПОЛУЧИТЬ /icons/icomoon.woff2 net::ERR_ABORTED 404 (Не найден)
ФАЙЛЫ НАХОДЯТСЯ НА ПРАВИЛЬНОМ ПУТИ: public/icons
У меня есть следующий код в public/icons/style.css:
font-face {
font-family: 'icomoon';
src:
url('icomoon.woff') format('woff'),
url('icomoon.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: block;
}
Я попытался поместить src таким образом:
src: url('icomoon.woff') format('woff');
src: url('icomoon.woff2') format('woff2');
Но это не сработало.
Я также попытался поместить следующий код в public/web.config:
<system.webServer>
<staticContent>
<clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00" />
<remove fileExtension=".woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
И это также не работает.
Комментарии:
1. Шрифт отсутствует в этом месте
public/icons/icomoon.woff
загрузите их и разместите там2. Они находятся в нужном месте public/icons
3. Укажите косую черту перед путем
url('/icomoon.woff')
4. Он по-прежнему не работает с косой чертой перед контуром.
Ответ №1:
Решаемая проблема, Cloudways отключил выполнение файлов .woff по умолчанию. Все, что мне нужно было сделать, это открыть заявку и попросить их включить ее.