我的文件结构是这样的:
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/