19 replies to this topic

[jbrouwer]

Hi,

I am using bootstrap icons in my admin bar and in the footer. However, on https pages they are not showing up in Firefox and Internet Explorer.

See the difference:

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

What could this be?

Thank you.

[Danny]

Hi,

Where are the icons supposed to be, can you reply providing an image please.

[jbrouwer]

Hi,

The icons are in the admin bar:



It doesn't always happen. First I thought it had to do with SSL, but it happens on http pages as well. Strange thing is that when I copy paste a screenshot when the icons are missing, they do appear in photoshop! So I cannot provide a pic when the icons are missing. When you browse around on my website it happens after a couple of clicks.

[Danny]

AH OK, I see the issue.

Can you try adding this to either your child themes functions.php file or if you're using the PageLines Customisation plugin, add the below code to the plugins functions.php file.

Please Login or Register to see this Hidden Content

Let us know if this resolves your issue.

[jbrouwer]

I already have that in my child themes function.php file. Is the bootstrap icons plugin required?

Please Login or Register to see this Hidden Content

[Danny]

Can you provide the code you're using for you icons, as well as the code used to add the icons to your Wordpress admin bar please so I can take a closer look.

[jbrouwer]

Please Login or Register to see this Hidden Content

[jbrouwer]

IE console messages on https pages:

SEC7111: HTTPS security is compromised by http://www.pepperbase.com/wp-content/themes/pagelines/fonts/plfont-regular.eot?#iefix
SEC7111: HTTPS security is compromised by http://www.pepperbase.com/wp-content/themes/pagelines/fonts/plfont-regular.woff
SEC7111: HTTPS security is compromised by http://www.pepperbase.com/wp-content/themes/pagelines/fonts/plfont-regular.ttf

[Simon_P]

Your site is not SSL you are using some plugin to make one page SSL. If the site was all SSL then all urls would be https://

Please Login or Register to see this Hidden Content

This post has a filter to force ssl in the LESS css.

[jbrouwer]

Yes I know I have only a couple of pages in SSL.

I have added this code:

Please Login or Register to see this Hidden Content

to my child themes function.php file.

The icons are still not being displayed and I get the following messages in the IE console:



Next I added an if (is_ssl()) statement:

Please Login or Register to see this Hidden Content

but then this error appears in the admin bar:

Please Login or Register to see this Hidden Content

In this post

Please Login or Register to see this Hidden Content

I found another solution, but I am not sure how to implement or if it would work at all.

Any ideas?

[Simon_P]

NO, you cant add a if_ssl() as your blog is not SSL.

Please Login or Register to see this Hidden Content

The filter works. Just do not add the conditional.

[jbrouwer]

Ok, I removed the if is ssl again. The icons are showing up on ssl pages, but not on http pages...

That is why I tried the if is ssl statement.

[Simon_P]

Looks to me like this is some sort of browser security issue. It wont let you include fonts cross domain or cross protocol.

I would just adjust your menu filter to not include them on the pages they dont work on. Or make your blog ssl.

[Simon_P]

Google suggested answer:

Please Login or Register to see this Hidden Content

[jbrouwer]

Yes. I would like to make my blog SSL, but Amazon Cloudfront does not support SSL with CNAMES, so doing that will seriously slow down my site.

Thank you for the answer. Where should I put this piece of code?

[Simon_P]

.htaccess apparently it allows browsers to load fonts cross domain.

[jbrouwer]

It works in FF, but not in IE9...

[Rob]

Well, that confirms Simon's suspicion that this is a browser issue.

[jbrouwer]

Yes it is a browser issue. I activated W3TC again and now it is working in IE9 as well. Thank you for all your help.

[Danny]

The topic was marked as resolved.