Recently, I embarked on a project using Codeigniter and AngularJS for an app. However, I encountered some issues when attempting to use font-awesome offline.
After investigating the problem, I concluded that it may be related to the file folder structure of my application. Below is the current structure:
CI-AJS-APP
-app
-application
-assets
-css
-font-awesome
-font-awesome.css
-font
-js
-system
...
In the font-awesome.css file, there is a reference to the fonts folder as shown in the code snippet below:
@font-face {
font-family: "FontAwesome";
src: url('font/fontawesome-webfont.eot');
src: url('font/fontawesome-webfont.eot?#iefix') format('eot'),
url('font/fontawesome-webfont.woff') format('woff'),
url('font/fontawesome-webfont.ttf') format('truetype'),
url('font/fontawesome-webfont.svg#FontAwesome')
format('svg');
font-weight: normal;
font-style: normal;
}
To include the font-awesome.css file in the application header, I used the following code:
<link rel="stylesheet" href="<?php echo base_url();?>assets/
font-awesome/font-awesome.css">
It's worth mentioning that with regards to integrating AngularJS in CI, I have only made partial progress, focusing solely on a few pages where I need to showcase the font-awesome icons.
If anyone has any insights or suggestions, I would greatly appreciate the assistance.