@n_bott
Junior web-developer

Почему не отображаются иконки Font Awesome?

Здравствуйте. Подключил Font Awesome через link в html по инструкции с сайта.

<!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>


Сами же файлы расположены в одной папке:
5eb58ad74ae87226585251.png

При загрузке в Firefox отображается только это: 5eb5887b3bdc6734994849.png

В Safari: 5eb58feaf1cd0836353805.png

Но в Chrome он отображается: 5eb590024a2f6294794541.png
  • Вопрос задан
  • 578 просмотров
Решения вопроса 1
develx
@develx
Web developer
Только на сайте fontawesome тег i ещё и закрывается.
<i class="fab fa-accusoft"></i>
https://developer.mozilla.org/en-US/docs/Web/HTML/...
Tag omission
None, both the starting and ending tag are mandatory.

Если проверить разметку w3c валидатором, то увидите сразу ошибку. И браузеры могут неправильно трактовать невалидную вёрстку.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Coolam
Web-developer
Проверить нужно:
1. Правильность написания названия выбранного значка.
2. Лежит ли all.css там, где index.html
3. style не обязательно писать.
Проверьте, потыкайте, если не работает - отпишитесь.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы