Hey @moshemo I hope you’re having a great day.
First of all, thanks for the detailed video, the solution is simple:
You are putting some
<head></head> custom code and trying to see it on preview, but it doesn’t work. If you publish and see your web site live, it will work as it should.
From what I saw on the video you already know some of the things I explain bellow, but it can help others in the future.
For me the best workflow is to use an Embed element and put the Font Awesome’s CDN link there, so you can see your icons within the Designer interface while editing.
- Insert a Embed element
- Paste the Font Awesome’s CDN link:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
- Place the icon’s Unicode Glyph on any text element (heading, text block, paragraph, etc)
– You can get the Unicode Glyphs at: https://fontawesome.com/icons
- Give your text element one of the following classes
fas for the Solid Set
far for the Regular Set
fabfor the Brands Set
fal for the Light Set
I think this is the easiest workflow. When you are done, if you don’t like the embed code, you can just cut it and put on the
Let me know if you need some other way to use it.
You can see it live on the following link: