Шрифты потрясающих шрифтов не загружаются, отображаются квадраты в HTML

Question

Я недавно клонировал веб-сайт с HTTRACTs, но, похоже, проблема в том, что значки, такие как Facebook и Instagram на всех страницах, выглядят как квадратные, и когда я открываю в элементе проверки, журнал ошибок показывает Failed to load resource: net::ERR_FILE_NOT_FOUND, но там есть файлы и правильные пути. Я ввел код

@ import url ("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

но это тоже не сработает, пожалуйста, помогите мне.

Сообщения об ошибках, которые я получаю

Answer 1

Оригинальный веб-сайт не использует CDN, он использует пакет font-awesome.

Его запрос .woff and .ttf файлов, вы можете добавить его с помощью приведенного ниже решения.

скачайте zip с font-awesome (бесплатно для Интернета)

https://fontawesome.com/download

когда вы получите zip, распакуйте его, и теперь вы получите слишком много файлов, от что вам нужна одна папка webfonts и один файл all.min.css or all.css.

, теперь свяжите all.min.css or all.css с вашим HTML файлом и поместите вашу папку точно в предыдущее местоположение all.min.css or all.css, я дам образец структуры папок, чтобы понять, что я имею в виду под этой строкой.

СТРУКТУРА ОБРАЗЦОВ ПАПКИ

assets
   |-- css
   |    | -- all.min.css
   |-- webfonts