@字体-字体问题

Question

我对我的…有问题

font-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"); ?>

我之所以展示这一切，是因为这可能是我的“fontawesy-webfont.eot”没有显示的原因吗？还是另一个原因？

​

​

请帮帮忙

Answer 1

硬编码您的方框URL来测试它是否有效？如果它有效，那么尝试删除“.”来自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;
}

您必须处理呈现的标记，然后修复您的方框路径:它将有助于查看您的CSS在哪里与您的“/fonts/fontawese-webfont.eot”下载文件相关。