Я создал сайт на localhost, затем загрузил шрифты CSS + JS + на хост
и свяжите это с HTML
<link rel="stylesheet" href="http://www.xathena.store/PublicKeys/PublicKey-SH33NZ0_XHvyyHr6Vc2iJd1mFfmHamwm6r1jKi4l/lib/styles/signin.css">
CSS работает хорошо
но если CSS содержит
@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")
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
@media (max-width:767px) {
* {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
}
html {
background-color: #fff;
min-height: 100%
}
body {
min-height: 100%;
margin: 0;
padding: 0;
color: #2c2e2f;
font-family: pp-sans-small-regular, Helvetica Neue, Arial, sans-serif;
font-size: 93.75%;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
должен импортировать шрифты, но выдает ошибку
это фото из отладчика Google Chrome
Обратите внимание, что путь к шрифту правильный и шрифты, загруженные на тот же хост, тоже
Это работа когда была
Я имею в виду, когда он работал на localhost, но я хочу загрузить его на хост
Не давать мне ответ / Предварительный просмотр на отладчике