Why are Font Awesome icons not showing up?

N

Nikita2020-05-08 19:39:47

css

Nikita, 2020-05-08 19:39:47

Hello. I connected Font Awesome via a link in html according to the instructions from the site.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test</title>
  <link rel="stylesheet" style="text/css" href="all.css">
</head>
<body>
  <i class="fas fa-ad">
  <p>Lorem ipsum dolor sit.</p>
</body>
</html>

The files themselves are located in the same folder:

When loaded in Firefox, only this is displayed:

In Safari:

But in Chrome it is displayed:

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

X

xdevelx, 2020-05-08
@n_bott

Only on the fontawesome site, the i tag is also closed. https://developer.mozilla.org/en-US/docs/Web/HTML/...
<i class="fab fa-accusoft"></i>

Tag omission
None, both the starting and ending tag are mandatory.

If you check the w3c markup with a validator, you will immediately see an error. And browsers can misinterpret invalid layout.

A

Andrew Kolomiets, 2020-05-08
@Coolam

You need to check:
1. Correct spelling of the name of the selected icon.
2. Does all.css lie where index.html
3. style is not required to be written.
Check, poke, if it does not work - unsubscribe.