Font-Awesome css ne fonctionne pas en local

Je voudrais utiliser la Police Génial localement sans l'aide de la can.

Mon code ne peut pas ajouter de police impressionnant icônes à ma page.

Je peux le faire fonctionner facilement à l'aide de la can lien, mais le lien local ne parvient pas à faire quoi que ce soit.

Grâce

Jason.

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">


    <title>How it Works | Rubberdesk </title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Font-Awesome CSS -->
    <link href="/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">
Le fichier inspecteur rien dire à propos de la référence au fichier?
Eh bien, il n'y a pas beaucoup que nous pouvons vous dire de ce que vous nous avez fournies. Le fichier est-il au bon endroit? Quel est votre code HTML?
fournir à votre hiérarchie de dossiers en premier.

OriginalL'auteur Jason White | 2015-02-18

  1. 5

    Ce que vous avez à faire lorsque vous utiliser bootstrap/font-awesome fichiers local:

    1. Chemin stockées doit être clair.
    2. Chemin écrite à l'intérieur de la font-awesome.min.css est égal à (1)
    3. Version doit être la même.
    4. les polices dans le dossier fonts/sont en effet liées à font-awesome.min.css vous avez droit maintenant.
    5. vous devez savoir comment écrire sur votre script, comme dans; <span class="fa fa-home"></span>, etc.

    OriginalL'auteur Herman Nz

  2. 9

    Écrit ceci peut être utile pour quelqu'un comme moi :

    Réel des dossiers de font-awesome.min.css est public/css/font-awesome.min.css

    Dans font-awesome.min.css fichier font-family source fait référence à l'URL *'../fonts/fontawesome-webfont.eot'. Donc les fichiers suivants doivent être situés dans public/fonts/

    1. FontAwesome.la fto
    2. fontawesome-webfont.eot
    3. fontawesome-webfont.svg
    4. fontawesome-webfont.ttf
    5. fontawesome-webfont.woff
    6. fontawesome-webfont.woff2

    OriginalL'auteur user170851

  3. 1

    Vérifier le chemin est droit et placé dans le bon dossier

    essayer ce code 

    <!DOCTYPE html>
<html lang="en">
   <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>How it Works | Rubberdesk </title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Font-Awesome CSS -->
    <link href="font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">
    • vérification du chemin
    • vérifier le chemin d'accès dans le bootstrap.min.css
      sont tous les mêmes

    Il va chercher les mêmes que dans la question d'essayer cette

    Vous répondez me rappelle de télécharger l'intégralité de Police Impressionnant dossier de mon dossier de projet au lieu de simplement le fichier css lui-même.

    OriginalL'auteur sanoj lawrence

  4. 1

    Voici une mise à jour pour la version 5.8.1. Comme mentionné ci-dessus, vous devez télécharger les fichiers de police locale afin d'exécuter police Génial localement.

    Le dossier à utiliser est maintenant appelé /webfonts

    Télécharger ces fichiers en local et les mettre dans un dossier appelé /webfonts.

    Exemple: (https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.eot)

    Le css fait référence à l'URL suivante. 

    ../webfonts/fa-brands-400.eot
../webfonts/fa-brands-400.woff2
../webfonts/fa-brands-400.woff
../webfonts/fa-brands-400.ttf
../webfonts/fa-brands-400.svg
../webfonts/fa-regular-400.eot
../webfonts/fa-regular-400.woff2
../webfonts/fa-regular-400.woff
../webfonts/fa-regular-400.ttf
../webfonts/fa-regular-400.svg
../webfonts/fa-solid-900.eot
../webfonts/fa-solid-900.woff2
../webfonts/fa-solid-900.woff
../webfonts/fa-solid-900.ttf
../webfonts/fa-solid-900.svg

    Taille totale est d'environ 2,5 MO pour tous les fichiers de polices.

    OriginalL'auteur Andrew Crouse

  5. 0

    Merci à tous pour votre aide tout le monde.

    Il semble que c'était un "fa fa-icône" question de classe. J'ai pensé que je les ai eu il y a, mais ils doivent avoir été perdu lors de l'édition - probablement dû à un mauvais contrôle de version.

    Je pense que j'ai été en utilisant certains 3.x.x code par erreur.

    Intéressant que tout fonctionnait encore à l'aide de la can code.

    Merci encore. Devrait être capable de réparer tout maintenant.

    Jason.

    OriginalL'auteur Jason White

  6. 0

    J'ai eu le même problème sur Mac OS. Ma solution a été de 

    sudo chown -R _www:staff project/

    OriginalL'auteur Al3x

  7. 0

    Vous avez besoin pour lier le tout.fichier css ou le tout.min.fichier css pour les polices de-génial de travailler localement sur votre pc et assurez-vous de copier les webfonts dossier à la police-génial dossier.

    OriginalL'auteur Akon