Home > Blockchain >  how to use font awesome icons in HTML
how to use font awesome icons in HTML

Time:02-17

hi I cant use font awesome icons and I don't know what is the problem please explain to me how I can use font awesome icons in this version . step by step yes there is some topic like this but I couldn't figure out answer

CodePudding user response:

First you have to write this in the head

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

Then whenever you want to use a font awesome, Just copy its HTML code and paste it where you want it to be. for example:

<i ></i>

CodePudding user response:

First you should add the required stylesheet.

If you are using Font Awasome 4:

Add this stylesheet before your body tag.

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

Where to use it:

Use it inside body tag.

Eg: <i ></i>

If you are using other versions of Font Awasome view their docs, just search font awasome docs of the individual version.

CodePudding user response:

Well, I gotta say this is a broad question, but please spend a good amount of time on this website so that you have a basic understanding.

https://www.w3schools.com/icons/fontawesome_icons_intro.asp

CodePudding user response:

You can use CDNs to link font-awesome, but the docs recommends to download and use kits. You can download it here: https://fontawesome.com/kits

For more details you should look into its Docs: https://fontawesome.com/docs

  • Related