与fontawesome的@ font-font问题

Question

我遇到了一些问题......

字体awesome.css

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

问题是我的图标没有加载我已经尝试www.example/com/font/fontawesome-webfont.eot并且文件被下载意味着该链接有效

在我的 head.php 文件中，我正在调用我的css文件夹中的font-awesome.css

<link rel="stylesheet" href="<?php echo $directories->fetchdir($css); ?>/font-awesome.css">

这与我调用所有js和图像文件夹的方式相同，这很好。

在我的 index.php 文件中我正在调用head.php这样

<?php include_once ("views/head.php"); ?>

我展示这一切的原因是因为这可能是我的`fontawesome-webfont.eot没有显示的原因？还是另一个原因？

请帮忙

Answer 1

对您的fontawesome网址进行硬编码以测试它是否有效？ 如果有效，请尝试从css中删除“..”

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  url('/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  url('/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

你必须处理渲染的标记，然后修复你的fontawesome路径： 查看CSS与“/fonts/fontawesome-webfont.eot”可下载文件的相关位置会很有帮助。