I am creating a hub site, and am trying to use icons from FontAwesome (e.g. social media icons). I am using the following html within a card. The icons appear correctly in the site editor view, but not in 'View'.
<script src="https://kit.fontawesome.com/666072fe88.js" crossorigin="anonymous"></script>
<h4><strong>Share this page</strong></h4>
<div>
<a href="mailto:?subject=Snakes%20in%20the%20Heather&amp;body=https://www.arc-trust.org/snakes-in-the-heather"><i class="fas fa-envelope-square" style="font-size:40px; aria-hidden=" true"="" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/sharer.php?u=https://www.arc-trust.org/snakes-in-the-heather&t=Snakes%20in%20the%20Heather"><i class="fab fa-facebook-square" style="font-size:40px;color:#4267B2" aria-hidden="true"></i>
</a><a href="https://twitter.com/intent/tweet?text=Snakes%20in%20the%20Heather&url=https://www.arc-trust.org/snakes-in-the-heather"><i class="fab fa-twitter-square" style="font-size:40px;color:#1DA1F2" aria-hidden="true"></i></a></div>
I've spotted that script tags are not currently supported. Therefore, is there another workaround to getting icons to appear?
Many thanks,
Rob
