Question

有人请用@ font-face帮我解决这个问题。我多次使用这种技术，出于某种原因，我不能为我的生活找出为什么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

正如我在google的网络字体上看到的那样; @ font-face总是在@media屏幕内{} ...

检查出来：
http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic

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

1 个答案: