Файлы @ font-face не загружаются в автономном режиме

Question

У меня проблемы с использованием @font-face со шрифтами, расположенными на моей машине. Мои файлы еще не на сервере. Я пытаюсь просмотреть их в автономном режиме, но они не загружаются.

Вот код из файла css:

@font-face{
   font-family:"chunk";
   src: url('file:///C:/...Fonts/Chunkfive.otf');
}
div{
   font-family:"chunk";
}

У кого-нибудь были подобные проблемы?

Answer 1

@ pvenkat; если ваш font folder & css in same folder, то просто напишите это Fonts/Chunkfive.otf в вашем URL-адресе, а если в вашей папке css есть какая-то другая папка, такая как stylesheet folder, тогда напишите ../Fonts/Chunkfive.otf в вашем пути, возможно, это вам подходит.

Answer 2

Включите их в папку на своем сайте и сделайте ссылки на них, как вы делаете с изображениями.