Welcome Guest, Not a member yet? Register   Sign In
CodeIgniter Forums Using CodeIgniter General Help Making fonts awesome work ?
Making fonts awesome work ?
  • Offline lexxtoronto
    Member
  • ***
  • Posts: 70
    Threads: 20
    Joined: Mar 2015
    Reputation: 0
#1
05-31-2015, 12:11 PM

I've been struggling with fa fa icons not showing up. Then I found this solution on SO and it worked:

That's in config.php, I used to have $config['base_url'] = 'http://www.mysite.ca' Then I changed it to:

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

Is this a standard way to make fonts awesome work or there is a simpler way? And why it worked when I changed it?

CI 2.2.2
Do the one thing you think you cannot do. Fail at it. Try again. Do better the second time. The only people who never tumble are those who never mount the high wire.
Reply
  • Offline Diederik
    Senior Member
  • ****
  • Posts: 299
    Threads: 0
    Joined: Jan 2015
    Reputation: 20
#2
05-31-2015, 04:27 PM

Font aewesome has nothing to with CI, its just html/css stuff.

Be shure you use the same protocol to load your own site and load FA , so both has to be either http or https, otherwise it would get loaded due to mixed content.
Reply
  • Offline wolfgang1983
    Senior Member
  • ****
  • Posts: 627
    Threads: 271
    Joined: Oct 2014
    Reputation: 7
#3
05-31-2015, 06:05 PM

(05-31-2015, 12:11 PM)lexxtoronto Wrote: I've been struggling with fa fa icons not showing up. Then I found this solution on SO and it worked:

That's in config.php, I used to have $config['base_url'] = 'http://www.mysite.ca' Then I changed it to:


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

Is this a standard way to make fonts awesome work or there is a simpler way? And why it worked when I changed it?

CI 2.2.2

If you autoload url helper also and place the code below in header http://fortawesome.github.io/Font-Awesome/get-started/


Code:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
There's only one rule - please don't tell anyone to go and read the manual.  Sometimes the manual just SUCKS!
Reply
  • Offline pgfepale
    Newbie
  • *
  • Posts: 1
    Threads: 0
    Joined: Mar 2016
    Reputation: 0
#4
03-14-2016, 04:14 AM

Thanks @lexxtoronto it helped me at dead end.. Thank alot
Reply
  • Offline InsiteFX
    Super Moderator
  • ******
  • Posts: 6,326
    Threads: 290
    Joined: Oct 2014
    Reputation: 235
#5
03-14-2016, 05:07 PM

Code:
<head>
<!-- Put the <base> tag as the first element inside the <head> element. -->
<base href="<?php echo base_url(); ?>">
</head>
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply
  • Offline PaulD
    Posting Freak
  • *****
  • Posts: 1,061
    Threads: 42
    Joined: Mar 2015
    Reputation: 73
#6
03-14-2016, 07:07 PM

It is also better to download the font awesome assets directly and link to them locally. Loading assets from a server you don't control is never a good idea.
Reply
  • Offline albertleao
    Senior Member
  • ****
  • Posts: 484
    Threads: 18
    Joined: Oct 2014
    Reputation: 22
#7
03-14-2016, 09:11 PM

(03-14-2016, 07:07 PM)PaulD Wrote: It is also better to download the font awesome assets directly and link to them locally. Loading assets from a server you don't control is never a good idea.

While generally this is true, it's not always a bad idea to use assets from cdn's like google. Not only are google cdns just as likely to not go down as your site, millions of people have already cached the library from there, making it one less thing to pull from your server and make your page load quicker.
Codeigniter is simply one of the tools you need to learn to be a successful developer. Always add more tools to your coding arsenal!
Reply
  • Offline PaulD
    Posting Freak
  • *****
  • Posts: 1,061
    Threads: 42
    Joined: Mar 2015
    Reputation: 73
#8
03-15-2016, 09:04 AM
(This post was last modified: 03-15-2016, 09:05 AM by PaulD. Edit Reason: quick typo )

Yes, you are right about that. "never a good idea" was perhaps a bit strong. You also always get the latest version of course.

However, I could be wrong here, but when you link to say a google font, or font awesome, in the <head> or @import in the css, every time the page is loaded the page has to communicate with the google server to access the relevant data. That surely must take longer than collecting a local file you have downloaded and made available on your own server.

For instance, I often see a pause on loading sites while it is 'waiting for google analytics..' etc.

However, I suppose the browser loads the resources separately anyway, so does it matter if it is getting it from your server or elsewhere? I really don't know - lack of basic understanding on my part showing here I suspect.
Reply
  • Offline AmarBunty
    Newbie
  • *
  • Posts: 2
    Threads: 0
    Joined: May 2016
    Reputation: 0
#9
05-05-2016, 10:01 PM

(05-31-2015, 12:11 PM)lexxtoronto Wrote: I've been struggling with fa fa icons not showing up. Then I found this solution on SO and it worked:

That's in config.php, I used to have $config['base_url'] = 'http://www.mysite.ca' Then I changed it to:

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

Is this a standard way to make fonts awesome work or there is a simpler way? And why it worked when I changed it?

CI 2.2.2

Just set your base url to your site root url that also works.


Code:
$config['base_url'] = 'http://localhost/ci';
Reply
  • Offline souravlove
    Newbie
  • *
  • Posts: 1
    Threads: 0
    Joined: Jun 2018
    Reputation: 0
#10
06-08-2018, 02:44 PM

(03-14-2016, 05:07 PM)InsiteFX Wrote:
Code:
<head>
<!-- Put the <base> tag as the first element inside the <head> element. -->
<base href="<?php echo base_url(); ?>">
</head>

Thanks a lot bro InsiteFX. It works like charm.
Reply




Theme © iAndrew 2016 - Forum software by © MyBB