视觉工作室不渲染@font-face，可能是相对路径问题吗？

Question

请有人通过@font-face 帮助我解决这个问题。我已经多次使用这种技术，由于某种原因，我一生都无法弄清楚为什么字体没有渲染。

因此，我在 Visual Studio 中有一个名为 Web.Ui.Store 的项目，其中包含两个重要的子目录。 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; }

我很困惑为什么我的“特殊”字体无法加载到我的项目中。我今天已经多次更改相对路径，但仍然无法渲染它。我已将问题范围缩小到文件位置的相对路径问题。有人可以帮助确定这是否正确。

Answer 1

正如我在谷歌的网络字体上看到的； @font-face 始终位于 @media screen {} 内...

查看一下：
http://fonts.googleapis.com/css?family =PT+Sans:常规、斜体、粗体、粗斜体