web-dev-qa-db-fra.com

Font Awesome ne fonctionne pas en mode hors ligne

j'utilise font-awesome des icônes pour publier mes modèles HTML et CSS. Ils fonctionnent bien lorsque j'ai le lien en direct, mais lorsque je télécharge le fichier CSS et que je l'inclus dans mes pages, l'icône disparaît.

Chemin en direct: <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

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

Comment puis-je utiliser la police génial en mode hors ligne?

11
Mehar

Vous devez également télécharger les polices elles-mêmes ... C'est une police, comme n'importe quelle autre ... Alors, allez sur le site Web de fontawesome, suivez les instructions et téléchargez les polices css + :)

7
nikola_wd

Avez-vous intégré la police FontAwesome dans votre projet? votre structure doit être comme ceci:

[+]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

après cela, vous pouvez utiliser FontAwesome localement.

Peut être un problème de chemin d'accès Essayez:

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

Je pense que vous n'avez pas téléchargé de polices ou que vous avez utilisé le mauvais chemin. Vous pouvez télécharger la dernière version de la police impressionnante sur https://fontawesome.com/download . Et n'oubliez pas de vérifier votre chemin!

J'espère que cela t'aides.

2
Viet Tran