@font лицо отображается только в демонстрационном HTML - PullRequest
Новая
       15

@font лицо отображается только в демонстрационном HTML

1 голос
/ 07 марта 2012

Хорошо, поэтому я загрузил @ font-face kit с fontsquirell, он отлично работает в демонстрационном html-файле, включенном в загрузку, но не отображается, когда я помещаю его в любой другой файл или подпапку.

Я проверил файловую структуру и связал ее соответственно, у меня все еще есть эта проблема. Любые предложения о том, что я должен делать? 

@font-face {
font-family: 'BreeSerifRegular';
src: url('..assets/fonts/BreeSerif-Regular-webfont.eot');
src: local("☺")
     url('..assets/fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-    opentype'),
     url('..assets/fonts/BreeSerif-Regular-webfont.woff') format('woff'),
     url('..assets/fonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
     url('..assets/fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
font-weight: normal;
font-style: normal;
}

Тот же формат работает для других шрифтов, не знаю, почему он не работает для этого.

1 Ответ

2 голосов
/ 07 марта 2012

Это основная проблема с путями

Скопируйте полученные шрифты и поместите их в папку в корневом каталоге, скажем font.

Затем укажите CSS для чтения файла в относительный шаблон, такой как 

@font-face {
font-family: 'BreeSerifRegular';
src: url('fonts/BreeSerif-Regular-webfont.eot');
src: local("☺")
     url('fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-    opentype'),
     url('fonts/BreeSerif-Regular-webfont.woff') format('woff'),
     url('fonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
     url('fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
font-weight: normal;
font-style: normal;
}

ОБНОВЛЕНИЕ

Способ определения относительного пути неверен

Изменить ..assets на ../assets

...