Are you using https: instead of http:? These symbols are considered insecure content. I am poking around here to find out why.
As a matter of fact I am for the page in question. After deactivating and reactivating and deleting and reinstalling the SU plugin the icons started showing again. Go figure.
In the interim, I figured out exactly what the problem was. I didn’t realize you could just deactivate and reactivate to make it work. I made it work for me by deactivating, adding one character to plugins/shortcodes-ultimate/inc/core/assets.php, and reactivating.
link rel=’stylesheet’ id=’font-awesome-css’ href=’https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css?ver=4.0.3′ type=’text/css’ media=’all’
/Steve
I am having the same problem and can’t find the solution. Deactivating and reactivating as well as deleting and reinstalling the plugin, but it isn’t working. I am just getting the box with the numbers in it. I have a feeling this has something to do with Font Awesome but I have no idea where that is or how to get it to work.
Cynthia, You did not confirm that the issue is related to the use of https: instead of http:
Can you put the following simple code into a local html file on your computer and view it in a browser? You should see two images of a camera.
The link statement below would have to use https: instead of http: if you want to access your blog with https: You need to figure out how to get the plugin to use https. That was what the above discussion was about.
<p>Font Awesome
<link rel=”stylesheet” id=”font-awesome-css” href=”http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css?ver=4.0.3″ type=”text/css” media=”all”>
</p><p>See Font Awesome web
site.
</p><p>The Icons
</p><p><i class=”fa fa-camera-retro fa-5x”></i> fa-camera-retro</p>
<p><i class=”fa fa-camera fa-5x”></i> fa-camera</p>
Hi steve13565, likewise I cannot see the icons but after adding the lines above as per your post was able to see the icons. For some reason the link to the stylesheet is not being added to the header. I manually added and now all the icons show.
beet09,
When you are viewing a web page that displays the font awesome icons, can get your browser to show you the HTML source code? Then use your browser’s text search to look for “font-awesome” to see if the link is actually there before you put in the link manually, but perhaps the original is not quite right.
Maybe there is a clue there as to what is going wrong.
I had this happening in some browsers but not others.
I found that I had to allow javascript from “bootstrapcdn.com” for the icons to work.
If you block javascript from that site, the icons won’t work anymore. And really, you should be blacklisting all JS by default in any secure browser, using a plugin like NoScript, and then whitelisting URLs as needed.
I really wish you would just embed the stylesheets for this plugin, instead of linking to other sites. It is more secure and faster to load that way.
I just noticed that SU released a new version. It had something to do with an interaction between Font-Awesome and https:.
I have no idea if this fix addresses thermador’s issue.
I have the latest version installed and am having a similar issue. The fonts never appear, even in the editor. My framework (Ultimatum) also supports Font Awesome and loads everything locally, so I’m suspecting a conflict. Is there conflict catching code built in to the plugin? I can’t link anything live as it’s a new site under construction – I was building the components to be used on the site when I discovered the issue.
I found a temporary workaround that works in my environment – your mileage may vary. I installed the Font Awesome Shortcodes for WordPress plugin (http://wordpress.org/plugins/font-awesome-shortcodes/), activated it and the icons now show in Shortcodes Ultimate, so I suspect there’s some issue with SU loading the font.
I’ve not yet tested this in the front end as I’m mainly building templates and template content at the moment.
