Question

我的文件结构是这样的：

folder/
|--- controllers/
|    |--- base/
|         |--- index.php
|--- assets/
|    |--- fonts/
|         |--- font-awesome/
|              |--- FontAwesome.otf
|              |--- font-awesome-webfont.eot
|              |--- font-awesome-webfont.svg
|              |--- font-awesome-webfont.ttf
|              |--- font-awesome-webfont.woff
|    |--- css/
|         |--- font-awesome/
|              |--- font-awesome.css

我想从index.php添加font-awesome css。但是，我无法做到这一点。我曾尝试添加如下内容：

但没有运气。什么应该是添加font-awesome的css的路径。另外，由于我更改了font-awesome路径的默认结构，我是否需要更改font-awesome.css文件中的任何内容？如果是，那会有什么变化？

Answer 1

返回两个文件夹，然后转发... 试试这个。

<link rel="stylesheet" href="../../assets/css/font-awesome/font-awesome.css">

你不需要改变我认为的任何其他道路。

Answer 2

调用文件：

<link rel="stylesheet" href="../../assets/css/font-awesome/font-awesome.css">

然后您需要在更改目录后进行一些更改：在文件font-awesome.ccs中，根据文件层次结构确保路径正确。

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

希望它有所帮助

或者你回到font-awesome的默认结构：

|--- assets/
|    |--- font-awesome/
|         |--- fonts/
|              |--- FontAwesome.otf
|              |--- font-awesome-webfont.eot
|              |--- font-awesome-webfont.svg
|              |--- font-awesome-webfont.ttf
|              |--- font-awesome-webfont.woff
|         |--- css/
|              |--- font-awesome.css

并使用普通方法调用该文件，而不对css文件进行任何更改：

<link rel="stylesheet" href="../../assets/font-awesome/css/font-awesome.css">

字体的路径结构很棒

2 个答案: