Font-Face не загружается, когда HTML-файл не находится в папке в Интернете ⇐ CSS

[Anonymous]

Я читаю, что это старая тема, но я испытываю ту же проблему, что и предыдущий вопрос, но оба сына, мой локальный, так и на сервере:
доступа к шрифтам в разных каталогах < /p>
dexcription: < /p>
В моем веб -корне, я создал 3 папки: < /p>

css < /br />
css < /br />
css < /br />
css < /ps li /> Фонты < /li>
Livres (где размещаются некоторые из моих HTML -файлов) < /li>
< /ul>
main.css содержит: < /p>
@font-face {
font-family: "Recoleta-SemiBold";
src: url('/fonts/Recoleta-SemiBold.woff') format('woff'),
url('/fonts/Recoleta-SemiBold.eot?#iefix') format('embedded-opentype'),
url('/fonts/Recoleta-SemiBold.ttf') format('truetype');
font-weight: 600; /* 500 for medium, 600 for semi-bold */
font-style: normal;
font-display: swap;
}
.header .title {
font-family: "Recoleta-SemiBold", "Georgia", serif;
font-size: 40px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
color:#3f0ec6;
}
< /code>
index.html содержит:
в голове: < /p>

< /code>
В теле: < /p>


Livre de yoga


< /code>
шрифт не отображается при открытии файла index.html (расположенный в каталоге "Livres"). /> Спасибо,
chris < /p>

Подробнее здесь: https://stackoverflow.com/questions/796 ... oot-folder