css - visuelle studioer, der ikke muliggør @ font-face, relative path issue muligvis?

Indlæg af Hanne Mølgaard Plasc

Problem



Nogen hjælper mig med dette problem med @ font-face. Jeg har brugt denne teknik flere gange, og af en eller anden grund kan jeg ikke for mit liv finde ud af, hvorfor skrifttypen ikke gengiver.


Så jeg har et projekt kaldet Web.Ui.Store i Visual Studio med to vigtige underkataloger.
1./Content/css/Typography.css
2./Content/font/UTILITY-webfont.eot
(Jeg har alle de skrifttyper, der leveres af FontSquirrel, men til forklaring, blot mærkning, der navngiver denne udvidelse.)


Nu inden for Typography.css har jeg disse linjer kode.


 @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	runkSourceWeb.Ui.StoreContentfontLeague\_Gothic-webfont.eot');
src: url('C:dev	runkSourceWeb.Ui.StoreContentfontLeague\_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
     url('C:dev	runkSourceWeb.Ui.StoreContentfontLeague\_Gothic-webfont.woff') format('woff'),
     url('C:dev	runkSourceWeb.Ui.StoreContentfontLeague\_Gothic-webfont.ttf') format('truetype'),
     url('C:dev	runkSourceWeb.Ui.StoreContentfontLeague\_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; }


Jeg er forvirret på, hvorfor mine 'specielle' skrifttyper ikke vil blive belastet på mit projekt. Jeg har ændret den relative vej så mange gange i dag og kan stadig ikke få det til at gengive. Jeg har indsnævret problemet til det er et problem med de relative stier for placeringen af ​​filerne. Kan nogen hjælpe med at afgøre, om dette er korrekt.

Bedste reference


Som jeg kan se på google s web skrifttype; @ font-face er altid inde i en @media skærm {} ...


Tjek dette ud:

http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic[2]