визуальные студии не рендерится @ font-face, возможно, проблема относительного пути? - PullRequest
Новая
       6

визуальные студии не рендерится @ font-face, возможно, проблема относительного пути?

0 голосов
/ 22 августа 2011

Кто-нибудь, пожалуйста, помогите мне в этом вопросе с @ font-face.Я использовал эту технику несколько раз и по какой-то причине не могу понять, почему шрифт не рендерится.

Итак, у меня есть проект с именем Web.Ui.Store в Visual Studioс двумя важными подкаталогами.1. /Content/css/Typography.css 2. /Content/font/UTILITY-webfont.eot (у меня есть все шрифты, предоставленные FontSquirrel, но для пояснения, просто помечая имя этого расширения.)

Теперь внутриTypography.css У меня есть эти строки кода. 

 @font-face {
font-family: 'UtilityBoldCondensed';
    src: url('file:///C:/dev/trunk/Source/Web.Ui.Store/Content/font/UTILITY-webfont.eot#iefix');
    src: url('file:///C:/dev/trunk/Source/Web.Ui.Store/Content/font/UTILITY-webfont.eot?') format('embedded-opentype'),
    url('file:///C:/dev/trunk/Source/Web.Ui.Store/Content/font/UTILITY-webfont.woff') format('woff'),
    url('file:///C:/dev/trunk/Source/Web.Ui.Store/Content/font/UTILITY-webfont.ttf') format('truetype'),
    url('file:///C:/dev/trunk/Source/Web.Ui.Store/Content/font/UTILITY-webfont.svg#UtilityBoldCondensed') format('svg');
font-weight: bold;
font-style: normal;
 }

 @font-face {
font-family: 'LeagueGothicRegular';
src: url('C:\dev\trunk\Source\Web.Ui.Store\Content\font\League_Gothic-webfont.eot');
src: url('C:\dev\trunk\Source\Web.Ui.Store\Content\font\League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
     url('C:\dev\trunk\Source\Web.Ui.Store\Content\font\League_Gothic-webfont.woff') format('woff'),
     url('C:\dev\trunk\Source\Web.Ui.Store\Content\font\League_Gothic-webfont.ttf') format('truetype'),
     url('C:\dev\trunk\Source\Web.Ui.Store\Content\font\League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;

 }

 .UtilityBoldCondensed { font-family: 'UtilityBoldCondensed', Arial, Sans-Serif; }
 .LeagueGothicRegular { font-family: 'LeagueGothicRegular', Arial, Sans-Serif; }

Я не понимаю, почему мои «специальные» шрифты не загружаются в мой проект.Сегодня я много раз менял относительный путь и до сих пор не могу его отобразить.Я сузил проблему до проблемы, связанной с относительными путями расположения файлов.Может кто-нибудь помочь определить, правильно ли это.

1 Ответ

0 голосов
/ 06 марта 2012

Как я вижу на веб-шрифте Google; @ font-face всегда находится внутри экрана @media {} ...

Проверьте это:
http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic

...