Question
Font Awesome Kit vs CDN call
The website reads to put this in the head (with our JS id).
<script src="https://kit.fontawesome.com/xxxxxxxxxx.js" crossorigin="anonymous"></script>
I am trying to get the rounded Facebook icon to render and it does not - still displays the square. How do I know that kit above is actually interacting with this code?
<div class="footer_social_icons">
{% module_block module "social_icons" path="@hubspot/rich_text", label='Social Icons' %}
{% module_attribute "html" %}
<p>
<a href="#" target="_blank"><i class="fab faCompany fa-linkedin" aria-hidden="true"></i></a>
<a href="#" target="_blank"><i class="fab faCompany fa-facebook" aria-hidden="true"></i></a>
</p>
{% end_module_attribute %}
{% end_module_block %}
</div>
</div>
faCompany calls for font-family: FontAwesome;
I have this:
.fab {font-family: "Font Awesome 5 Brands";}
I could swap out that JS with this <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"> but was curious to try the kit out.
So, what am I missing? This is the one I'd like:
AdChoices