1

我剛開始使用codeigniter,並已安裝它,因此它不需要index.php作爲URL的一部分。如何從webroot外部加載codeigniter字體真棒字體網址?

但是,我注意到對font-awesome的引用無法正常工作。 以下加載正常。

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

然而,字體.eot,WOFF,等等......沒有發現導致圖標顯示爲404

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

我的配置:

$config['base_url'] = ''; 

我的.htaccess:

RewriteEngine on 
RewriteCond $1 !^(index\.php|css|woff|eot|ttf|svg|css|js|resources|robots\.txt) 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^(.*)$ index.php/$1 [L,QSA] 

任何幫助是讚揚編輯。

編輯 的文件夾結構,我有是:

codeigniter/ 
-->application/ 
-->assets/ 
---->plugins 
---->plugins/font-awesome 
---->plugins/font-awesome/css 
---->plugins/font-awesome/fonts 
-->system/ 
-->.htaccess 
-->index.php 

回答

1

設置你的BASEURL到你的網站URL的config.php文件 這樣

$config['base_url'] = 'http://localhost/ci'; 

將此代碼添加到您的config.php文件

$root=(isset($_SERVER['HTTPS']) ? "https://" : "http://").$_SERVER['HTTP_HOST']; 
$root.= str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']); 
$config['base_url'] = $root; 

這對我的作品100 %;)

reference here

+0

這的確是基礎網址。我在這裏添加了一些邏輯來使用sandbox vs prod urls,現在它工作正常。 – Rick 2016-05-06 09:57:14

0

你放置的字體文件夾中的字體,awesome.css被放置在同一個目錄..你必須確保該文件夾(字體)和文件字體awesome.css是在同一文件夾/目錄..

從你的問題,確保字體文件夾是css文件夾

+0

嗨RobyMi,我已經提供了我的codeigniter文件夾結構。資產在webroot之外。 – Rick 2015-02-10 00:35:40

+0

是的,我已經看到你的文件夾結構..你必須將字體文件夾移動到你的字體真棒的CSS文件夾。保存css文件,即字體超棒可以看到字體,除非將指向字體文件夾的url更改爲其他路徑。 – RobyMi 2015-02-10 07:56:13

0

我有一個文件夾結構,像你這樣的內部,但我已經在增加css路徑網站基本URL

<link href="<?php echo base_url('assets/plugins/font-awesome/css/font-awesome.css') ?>" rel="stylesheet"> 

我希望這對你的作品。