Font Awesome through CDN does not show required icon

Question

I am trying to use Awesome icons in a Laravel/Vue project. But for some reason the icon doesn't show properly, whatever I try.

I now tried the most simple thing with Awesome I could imaging: a simple HTML-page using a CDN. The code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <header>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    </header>

    <body>
        <i class="fas fa-camera"></i>
    </body>
</html>

But, like in my Laravel project, I am not seeing the camera icon, but some kind of dummy icon: a rectangle with F030 in it.

BTW: I run a Xampp stack under Windows.

What am I doing wrong?

you need the V5, check this https://stackoverflow.com/a/49690376/8620333 — Temani Afif, Aug 30 '20 at 14:40
you can then accept the duplicate provided by clicking on the button in top banner — Temani Afif, Aug 30 '20 at 20:18

score -1 · Answer 1 · answered Aug 31 '20 at 14:19

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <header>
        <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>

    </header>

    <body>
        <i class="fas fa-camera"></i>
    </body>
</html>

I just edited the link with a cdn link from the font-awesome page , whatever you embed does not include your desired icon

taken from here

Font Awesome through CDN does not show required icon

1 Answers1