I'm trying to develop an angular project completely on my mobile device. I tried using fontawesome icon in my project. While using the minus-square icon, it worked without even creating an account.
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<button id="remove" class="fa fa-minus-square"></button>
Now I'm trying to use temperature icon and weather icon. It seems like I need an account for that, so I did.
<head>
<script src="https://kit.fontawesome.com/2ee7bde2cf.js">
</script>
</head>
<body>
<h3>Day Summary</h3>
<hr>
<i id="weather" class='fas fa-cloud-moon'></i>
<h2>Cloudy</h2>
<i id="temperature" class='fas fa-temperature-high'></i>
This doesn't shows icon at all. I tried the same minus-square icon it worked, but this doesn't working. These icon working at https://www.w3schools.com/icons/tryit.asp?icon=fas_fa-temperature-high&unicon=f769 Completely fine. Help me. I'm on mobile device working on Angular.
The link to the
2pe7bfe2cy.jsfile on your code returns Access Denied to me. The w3schools example uses a different URL (to thea076d05399.jsfile):Updating your code with the 2nd file works on Chrome for macOS:
The
a076d05399.jsfile says"license": "free", which includes both icons you mentioned. Perhaps you missed a step on account creation?Alternative: considering it works here on this example, this could be a configuration issue. Since you're using Angular, Font Awesome has an official Angular component. Docs says:
Did you try installing the angular-fontawesome package?