繁体   English   中英

真棒字体的路径结构

[英]Path structure of font-awesome

我的文件结构是这样的:

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

而且您不需要改变任何其他方式。

调用文件:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM