2017-09-21 9 views
0

Je cours dans un problème ici. Il y a quelques icônes de police de bootstrap qui ne fonctionnent pas avec le CSS téléchargé mais qui travaillent avec le même CDN externe. Beaucoup travaillent, mais certains ne fonctionnent pas comme fa-copyright, fa-credit-card-alt etc. Par exemple:Bootstrap police icônes impressionnantes ne fonctionne pas en CSS téléchargé

Son travail avec

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 

Mais ne fonctionne pas quand remplacer par

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

même si je copie le contenu externe CSS et remplacez par le contenu de font-awesome.min.css dans mon répertoire css/. Aidez-moi, s'il vous plaît.

+0

Règle sur la mise en cache, et assurez-vous que le navigateur charge la dernière version de votre fichier CSS local - vous pourrez voir le contenu de ce fichier dans le panneau d'application de l'outil de dev du navigateur. Alternativement, vous pouvez télécharger la dernière version de la bibliothèque fontawesome: http://fontawesome.io/ – UncaughtTypeError

Répondre

0

Il ne fonctionne pas, que le css. Vous avez également besoin des fichiers de police de font-awesome et les placez dans un dossier appelé fonts. Les fichiers de police sont:

  • FontAwesome.otf
  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff
  • fontawesome-webfont.woff2

Et vous avez besoin de la dernière versione à o (4.7 je pense) ou vous ne pouvez pas utiliser certaines des icônes. Il suffit d'aller sur leur site et de le télécharger.

+0

oh oui .. merci .. travaillé :) –

0

essayez ceci:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 

ou

<link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 

ou

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> 

Vous devez également télécharger les polices eux-mêmes aussi bien ... Il est une police, comme tout autre ... Alors, allez sur le site de fontawesome, suivez les instructions et téléchargez les polices css +.

+0

Je veux réellement utiliser CSS hors ligne plutôt qu'en ligne qui relie en externe pour améliorer le temps de chargement de la page .. –

+1

L'utilisation d'un CDN devrait effectivement améliorer la page le temps de chargement étant donné que ce fichier est externe, il doit être téléchargé en parallèle avec les ressources locales. – UncaughtTypeError

0

Je suis tombé sur le même problème. La version de FontAwesome que j'utilisais était obsolète. J'ai mis à jour pour utiliser 4.7 et tout a bien fonctionné.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">