CSS-шрифт, в том числе не показанный в браузере

Question

Я связываю файл CSS в HTML.Файл CSS загружен на другой сервер, и файл CSS импортирует шрифты из того же места, и путь указан правильно, но выдает ошибку и не работает.

Вот снимки экрана: https://pasteboard.co/Ig0ORen.jpg

Это ошибка шрифта: https://pasteboard.co/Ig0KwNlP.jpg

Это работало, когда CSS был на моем локальном хосте, но я хочу загрузить CSS, JS и шрифты на этот сервер.

Это код HTML:

<link rel="stylesheet" href="http://www.example.com/lib/styles/process.css">

Это код CSS L

@font-face {
    font-family: pp-sans-small-light;
    src: url(../fonts/p_small_light.eot);
    src: url(../fonts/p_small_light.eot) format("embedded-opentype"), url(../fonts/p_small_light.woff) format("woff"), url(../fonts/p_small_light.svg) format("svg")
}

@font-face {
    font-family: pp-sans-small-regular;
    src: url(../fonts/p_small_regular.eot);
    src: url(../fonts/p_small_regular.eot) format("embedded-opentype"), url(../fonts/p_small_regular.woff) format("woff"), url(../fonts/p_small_regular.svg) format("svg")
}

@font-face {
    font-family: 'consumer-icons';
    src: url(../fonts/icons_sans.eot);
    src: url(../fonts/icons_sans.eot) format('embedded-opentype'), url(../fonts/icons_sans.woff) format('woff'), url(../fonts/icons_sans.ttf) format('truetype'), url(../fonts/icons_sans.svg) format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: p_big_sans;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/p_big_sans.eot);
    src: url(../fonts/p_big_sans.woff2) format('woff2'), url(../fonts/p_big_sans.woff) format('woff'), url(../fonts/p_big_sans.svg) format('svg')
}

*,
*:before,
*:after {
    box-sizing: inherit
}

html,
body {
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
        font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
}

Answer 1

Проверьте разрешение на вашем сервере для тех файлов шрифтов, которые не загружаются.Я приложил скриншот для справки.Щелкните правой кнопкой мыши файлы и папку и измените разрешение на 755.

Answer 2

Вы указали здесь только шрифты @ font-face -

@font-face {
    font-family: pp-sans-small-light;
    src: url(../fonts/p_small_light.eot);
    src: url(../fonts/p_small_light.eot) format("embedded-opentype"), 
    url(../fonts/p_small_light.woff) format("woff"), url(../fonts/p_small_light.svg) 
    format("svg")
}

.. но вы нигде не заявили об их использовании.

Вам необходимо назначить шрифты там, где вынапример, хотите их использовать;

body { font-family: pp-sans-small-regular; }
p { font-family: pp-sans-small-light; }