I am trying to use font awesome. I have
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-z4tVnCr80ZcL0iufVdGQSUzNvJsKjEtqYZjiQrrYKlpGow btDHDfQWkFjoaz/Zr" crossorigin="anonymous">
in the head tag, but when I use this:
<i ></i>
, it fails, and just doesn't load anything.
CodePudding user response：
2 reasons:
- It could be that the icon you are trying to use is from a different version of Fontawesome. Your href is using version "6.2.0" so make sure that when you are referencing your icon in your HTML "" tag that the icon class name is a 6.2.0 version icon.
You can also copy the href URL ("https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css) and open it in your browser and search for the class name using CTRL F. You can also use this to study how Fontawesome has coded their rules for their CSS styling.
|| OR
- Your href is also referencing from the Free icons, and the class name you are trying to use is from the Pro version.
CodePudding user response：
It was not a free icon, pro is required