Fontawesome and <a> tag?

Hi there. It seems there is a problem to show for exemple

<a href="http://www.mywebsiite.com">
<i class="fa fa-home" aria-hidden="true"></i>
</a>

I can’t see anything in Bluegriffon Webpage view… Any help?

[garretwilson]

@therealglazou , Font Awesome does not depend on JavaScript. I don’t know where you got that; it plainly says on the Font Awesome home page:

No JavaScript Required Fewer compatibility concerns because Font Awesome doesn’t require JavaScript.

@PatH007 the reason you’re not seeing anything could be due to one or both of two problems:

• First of all, BlueGriffon has a bug that strips empty <i> elements, as I reported in Bug #16 (even though it was claimed to be fixed in Bug #8). If you want to use Font Awesome, you’ll need to put the CSS classes on some non-empty element — in other words, you can’t use the Font Awesome examples directly from the web site, unfortunately.
• Secondly BlueGriffon uses the Firefox Gecko engine, which by default doesn’t allow icons to be loaded from the local file systems. You’ll need to go into Tools > Preferences > Advanced > Configuration Editor in BlueGriffon and set security.fileuri.strict_origin_policy to false. Then you’ll see the Font Awesome font icons no problem. They look great on BlueGriffon!

@therealglazou , I suggest two things:

• You should mark this bug #23 as a duplicate of #16 (and fix #16, of course).
• You should add something to the FAQ explaining how to use security.fileuri.strict_origin_policy in order to see fonts loaded from the local file system.

Cheers!

[garretwilson]

Glad I could help, @PatH007 !