web-dev-qa-db-ja.com

Font Awesomeがオフラインモードで機能しない

hTML、CSSテンプレートを公開するためにfont-awesomeアイコンを使用しています。ライブリンクがある場合は問題なく動作しますが、CSSファイルをダウンロードしてページに含めると、アイコンが消えます。

ライブパス：<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

ローカルパス：<link href="css/font-awesome.css" rel="stylesheet">

素晴らしいフォントをオフラインモードで使用するにはどうすればよいですか？

htmlcssfont-awesomeoffline
11
Mehar

フォント自体もダウンロードする必要があります...他のフォントと同じようにフォントです...したがって、fontawesome Webサイトにアクセスし、指示に従ってcss +フォントをダウンロードします:)

7
nikola_wd

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をローカルで使用できます。

14
Mohammad Javad Akbari Eidgahi

パス名の問題である可能性があります試してください：

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

フォントをダウンロードしなかったか、間違ったパスを使用したと思います。最新バージョンのフォントawesomeは https://fontawesome.com/download からダウンロードできます。そして、あなたの道をチェックすることを忘れないでください！

お役に立てれば。

2
Viet Tran