HTML/CSS- Font awesome showing as square space-CodePudding

I'm trying to get Font-Awesome (6.2.1) to work but it's only showing up as squares. I dont know if i linked right, because the font awesome link always confuses me.

Does anyone have any suggestions?Its my cart icon

#product1 .pro .des .cart{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    background-color: #e8f6ea;
    font-weight: 500;
    color: #088178;
    border: 1px solid #cce7d0;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

 <div >
                <img src="casa-wacom-2-removebg-preview.png" alt="">
                <div >
                 <span>Wacom</span>
                 <h5>Case para Wacom</h5>
                 <div >
                    <i ></i>
                    <i ></i>
                    <i ></i>
                    <i ></i>
                    <i ></i>
                 </div>
                 <a><i ></i></a>
                 <h4>R$19,99</h4>
                </div>
                
            </div>

CodePudding user response：

Have you included the Font-Awesome (6.2.1) CDN? In such a case, add it.

To your Squarespace website page, add Font Awesome icons

Go to Font Awesome and choose an icon you would like to add to your Squarespace website and copy the code.

For the rocket icon copy this code:

<i ></i>

You can copy this code to a code block on your Squarespace website.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />

CodePudding user response：

Did you mean:

 <i ></i>