我的文件结构是这样的:

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添加字体真棒的CSS。但是,我做不到。我曾尝试添加如下内容:


但是没有运气。添加font-awesome的CSS的路径应该是什么。另外,由于我更改了font-awesome路径的默认结构,因此我是否需要更改font-awesome.css文件中的任何内容?

最佳答案

调用文件:

<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">

关于html - Font Awesome 的路径结构,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26375564/

10-12 01:25
查看更多