Jump to content
Willem-Siebe Spoelstra

Font Awesome Icons not showing in IE8

Recommended Posts

Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Hi everybody, I read every post about this problem and I did not solved it yet :-(.

I use Font Awesome icons in my design for ruzzleonline[dot]net and they keep showing the numbers in  IE8 instead of the logo's.

 

I activated the box to 'Include Google IE Compatibility Script?'. 

This alone was not enough, what I did I added this code at the Header scripts section, but did not worked either.

 

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

 

 

In earlier post from me about Google IE compatibility script this screenshot shows that code is already there on the page: http://screencast.com/t/mYeSX6y21FI.

The only difference is the Code Pagelines includes is html5shim (with a M) and mine is html5shiv (with a V). On the internet though I read that that's the only difference, but it works the same...

 

So I was not surprised it did not work ;-).

 

I did my test in IE tester and browsershots.org (which also use IE tester)...

 

Please can anybody tell me how to get this work?

 

Kind regards,

 

Willem


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi Willem,

 

I can't test IE8 correctly, but I have just loaded our Font Awesome docs page in BrowserStack and all the icons appears as numbers so there may well be an issue. I will report back here when I have more information for you.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Thanks!


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, if you deactivate the google IE script option in Pagelines, does it work then?

 

I'm only asking as I found this - https://github.com/FortAwesome/Font-Awesome/issues/317


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Just an update.

 

One of our developers tested this and had no such issue, so as James suggested above, this may be the cause. Also, my test is really accurate as BrowserStack was taking eons to load the page, so this may be the reason why I seen what I did.

I tested a few hours later the there was no issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Hi Danny, don't understand your explenation about eons and why the test with your page is correct now.

However, James B, I disabled the Google IE script option and it seems to work now. Can one of you check it also one time?

 

Only thing I don't understand, the link you provided is talking about a conflict with IE9.js, and like this image shows http://screencast.com/t/mYeSX6y21FI Pagelines is using IE8.js (why is pagelines not working with the newest code here?).

So, because it's not IE9.js, I don't understand why Font Awesome is not working with Google IE script option ON. @Danny, do you have this script on or off in your installation?

 

The Google script sound really important to have on because it solves a lot of html5 issues. Pagelines uses HTML5. So is there no way I can combine Font Awesome and The google script.

Ofcourse I did not expect in the first place that this would cause problems :-(. Because the Google code should solve things right?

 

Kind regards

 

Willem


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
Rob    547
Rob

Willem,

 

PageLines does use the very latest javascript.  The code you're looking at is for a solution Simon added to assist with compatibility issues. It's not guaranteed to fix everything, but helps in resolving some JS issues. Keep in mind that IE8 predates CSS3 and HTML5, so not everything works correctly in IE8, in spite of the IE compatibility option. 

 

I'm not sure, but I believe you can apply FontAwesome to some text, and use Google Fonts for others.  FontAwesome post-dates IE8 considerably and I'm not sure if they're perfectly compatible with each other.  You'd have to ask at Microsoft about that.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Hi,

 

1) Why I say Pagelines is using version IE8.js is because recently this screenshot is made for my website, check this post: http://www.pagelines.com/forum/topic/25399-include-google-ie-compatibility-script/. So I don't understand why you say Pagelines is using IE9.js. For some reason however deactiving Compability script makes Font Awesome work in IE8.

2) Your explenation in English I don't understand completely. But you mention Google Fonts, I don't know why. What has that to do whit this problem? Let me ask it this way. As far as it seemes now I can not use Font Awesome (IE8 problems) when the compability script is ON. Is this true? If it's true, is it a good idea to mention this at the checkbox of the compablity script? 

3) In case I can not use it both, what are the negative sides I don't use the compablity script, because as far as I understand it it's important to have it ON.

4) If the two don't go together, what would you do, activate compability script and don't use Font Awesome or vice versa? And why?

 

Kind regards,

 

Willem

PS I don't know why, but this thread does not show up at 'my content' in my menu of this forum... just FYI.


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

When I said eon, I mean that my BrowserStack test took a long period of time. Although BrowserStack isn't in my opinion the greatest solution for testing browser compatibility, I can confirm that our support documentation page does have the IE script enabled.

 

The IE compatibility script is not created by PageLines and if it is effecting Font Awesome, then simply disable the script.

 

I have also disabled the option for our support documentation.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Hi Danny,

 

So If I understand you correctly you found out after this thread you support page also showed numbers, so you also disabled the IE script now?

I'm asking you this specific because my English is not that good and I would like to have that confirmation you did the same like me to get Font Awesome work with IE8.

 

The above is question one...

 

I still have an other question about the IE compability script, because when I understand you correctly, you and I both have it disabled now.

When I do some testing in IE tester, the icons are there and for the rest I don't see any other problems...

But concerning the text below IE has problems with reconizing html5 like <header>, <footer>...  therefore it's neccesarry to use the IE compability script.

How is it possible, with you and me both having this option disabled, that there are now NO problems in IE tester? Because Pagelines uses both <header> and <footer>, so this should be a problem when I do understand it correctly...

But the test looks like there is NO problem... please help me out with this issue.

 

12. Internet Explorer and HTML5

Unfortunately, that dang Internet Explorer requires a bit of wrangling in order to understand the new HTML5 elements.

All elements, by default, have a display of inline.

In order to ensure that the new HTML5 elements render correctly as block level elements, it’s necessary at this time to style them as such.

  1. header, footer, article, section, nav, menu, hgroup {   
  2.    displayblock;  
  3. }  

Unfortunately, Internet Explorer will still ignore these stylings, because it has no clue what, as an example, the header element even is. Luckily, there is an easy fix:

  1. document.createElement("article");  
  2. document.createElement("footer");  
  3. document.createElement("header");  
  4. document.createElement("hgroup");  
  5. document.createElement("nav");  
  6. document.createElement("menu");  

Strangely enough, this code seems to trigger Internet Explorer. To simply this process for each new application, Remy Sharp created a script, commonly referred to as the HTML5 shiv. This script also fixes some printing issues as well.

  1. <!--[if IE]>  
  2. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>  
  3. <![endif]-->  
  4.  

 

PS I don't understand what he means with 'trigger' in the text.

 

Kind regards,

 

Willem


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, from reading Danny's previous message it sounds to me that he has disabled the script and that font awesome works. I will ask him to confirm that for you though.

 

I would imagine the other problems regarding html5 elements are handled within the core code of Pagelines, but I'd need to check with a developer and come back to you.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Hi James, it has been a while I asked some 'technical' question in this thread, do you have an answer from the developers?

 

Kind regards,

 

Willem


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Willem,

 

Our developers prioritize issues we bring to them on the basis of criticality, not just because we ask.  James did ask, but hasn't had any reply because our developers are rather busy developing, and this is not a commonly requested or critical issue. As soon as they get around to replying, I'm confident James will provide their reply.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Willem-Siebe Spoelstra    0
Willem-Siebe Spoelstra

Oke Rob, I wait for it.


I write about internet marketing, WordPress and Pagelines on my Dutch blog spoelstra.ws

Share this post


Link to post
Share on other sites
Rob    547
Rob

Thank you for your patience.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • triggerfish
      By triggerfish+
      Hi there,
      My client is a user/website tester and has just informed me that her website is not displaying properly in Internet explorer 9 (and 8).
      The website looks great and has been tested by me on all devices and on the desktop by all the latest browsers ... but not older versions.
      Is there anything known about this and DMS, or is there a fix?
       
      the website is here..
      http://vancouver-web-directory.com/LILY/ 
       
      Here is a pdf with screen shots and the problems in ie8 & ie9...
      http://vancouver-web-directory.com/LILY/PDF/LA-032115.pdf
       
       
      Thanks 
       
      regards,
      Donald
       
       
       
       
    • communicreations
      By communicreations+
      I have an issue with a site not behaving in IE9 and performing badly in IE8. I've been playing around with a copy on a staging server and testing view with Browserstack. I replaced my child theme and activated WP 2013 theme, and IE8/9 worked fine. I then activated the DMS2 Base theme and the not loading properly issue returned. Then I deactivated all the plugins but the problem still persists.   With child theme active: IE8/9/10 - http://imgur.com/a/FzN0O   With DMS2 Base theme active, all plugins deactivated: IE8/9/10 - http://imgur.com/a/3j15x   Temporary staging server URL: http://c95.731.myftpupload.com/   DMS version: 2.1.9.2 Debug is on, cache cleared   The problems with IE8 should be obvious. The CTA is disappearing in IE9 but otherwise is fine. Everything good in IE10 and up.
        Thanks in advance, Michael
    • ghettro
      By ghettro
      My pics are not loading in IE9 and I need to know if theres a plugin to resolve this issue.  (Help)
       
      My site:  http://www.csswayne.org
       
      and I'm using DMS 2.0 with Wordpress 3.91
       
      I have some plugins
      Custom Sidebar
      Form maker
      Call Press calendars
    • jamieg270
      By jamieg270+
      I was using the DMS Pro Tools patch and the Modernizr plugin/acript to get IE8 and IE9 to present DMS based sites correctly. This was working successfully, bar a few elements that I could make some conditional styles for.
       
      I've just noticed on the last two sites I've updated to the latest version of DMS that this no longer works. I know the Modernizr script hasn't been changed so I assume something with DMS has changed to render these non-functional.
       
      http:/www.guinnessfunds.com
      http:/www.tcii.co.uk/bypass   (this is behind a 'under maintenance' screen right now, you'll need to use the 'bypass' in the URL to get past it)
       
      Any idea what might be stopping the script from running correctly? Normally it would allow older browsers to use HTML5 and CSS3 tags/selectors, at the moment its as if the script isn't even running/loading...
    • tinpeas
      By tinpeas+
      Hi Guys
       
      I have an issue with quick slider (Pagelines Version 2.x) which I have seen a couple of other similar posts talking about, the only difference is it only effects IE8 for me. The sites did work fine in IE8 with sliders performing as expected.
       
      Now the sliders do not load at all in IE8, if I refresh the page they do then load. I have tried disabling all non Pagelines plugins but this makes no difference. Also the site loads fine using IE11 using developer tools for IE8 but not on an actual XP machine using IE8.
       
      The sites were fine (there are 2 of them) but now I have this issue. I can only assume a Wordpress update has caused this.
       
      I know that people will say well the browser/OS are old/unsupported etc but they did work and the sites are for a government agency were there is a large amount of users still using XP and IE8 so I have no choice but to somehow fix the issue.
       
      Any help would be very much appreciated.
       
      Thanks in advance.
       
      Cheers
       
      Gary
×