Шрифт Awesome не работает в автономном режиме

Я использую font-awesome значки для публикации моих HTML, CSS-шаблонов. Они отлично работают, когда у меня есть прямая ссылка, но когда я загружаю файл CSS и включаю, что на моих страницах значок исчезает.

Live Path: <link href="#" onclick="location.href='http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'; return false;" rel="stylesheet">

Локальный путь: <link href="css/font-awesome.css" rel="stylesheet">

Как я могу использовать шрифт awesome в автономном режиме?

Ответ 1

Вам также нужно загрузить сами шрифты... Это шрифт, как и любой другой... Итак, перейдите на сайт fontawesome, следуйте инструкциям и скачайте css + fonts :)

Ответ 2

Вы вложили шрифт FontAwesome в свой проект? ваша структура должна быть такой:

[+]assets
    [+]css
        font-awesome.css
    [+]js
        demo-file.js
    [+]fonts
        fontawesome-webfont.eot
        fontawesome-webfont.svg
        fontawesome-webfont.ttf
        fontawesome-webfont.woff
        fontawesome-webfont.woff2
index.html
sample.html
whatever.html

после этого вы можете использовать FontAwesome локально.

Ответ 3

Может быть проблема с именем пути. Попробуйте:

<link href="./css/font-awesome.css" rel="stylesheet">

Ответ 4

Я думаю, вы не загружали шрифты или использовали неверный путь. Вы можете скачать последнюю версию шрифта awesome по адресу https://fontawesome.com/download. И не забудьте проверить свой путь!

Надеюсь это поможет.