CODEWITHSUNDEEP
javascripthtmlcsscdn
Chamuditha Siyambalapitiya
Chamuditha Siyambalapitiya

Reputation: 1

why does my icons not show up when I use a link from CDN

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">

 <i class="fa fa-times"></i>

 <i class="fa fa-bars"></i>

I have copied this cdn link and pasted in my html but the icons still appear as black empty boxes. And yes i have already classed them as fa aswell can someone please help.

I want it to display an X and a menu button but something doesnt make it display on my screen.

Upvotes: 0

Views: 531

Answers (1)

pier farrugia
pier farrugia

Reputation: 1570

Seems your link isn't working well.

If you check the resource, following sebastian simon advice, response is HTTP 200, so loading is ok.

But yes you have rectangular box.

Try

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

I've tested yours: black box.

With this CDN: everything works well

Upvotes: 1

Related Questions