1
votes

Méthode appropriée pour lier Font awesome dans l'application PhoneGap

Je crée une application Android à l'aide de PhoneGap. Mais les icônes de police géniales utilisées dans le code n'ont qu'une forme carrée. Avant que Font awesome ne soit lié en tant que CDN. J'ai supprimé CDN et l'ai copié dans mon dossier CSS. Mais maintenant, je n'obtiens rien, même les carrés ne sont pas non plus visibles. J'ai vérifié mon code dans la source du navigateur. lorsque je clique sur le lien Font awesome dans le navigateur, il affiche Cannot GET /css/css/font-awesome.css alors que le chemin est correct.

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

Qu'est-ce qui va être la bonne façon d'ajouter Font awesome dans l'application PhoneGap


0 commentaires

3 Réponses :


0
votes

Je ne sais pas pourquoi il dit "Impossible de GET /css/css/font-awesome.css", mais vous ne pouvez pas simplement télécharger le fichier CSS Font Awesome car le fichier CSS fait référence aux fichiers de polices, vous avez donc besoin pour tout télécharger.

Accédez à https: / /fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself et téléchargez tout. Ensuite, décompressez-le et placez le dossier www de votre application et incluez dans vos pages HTML.


0 commentaires

0
votes

Je ne suis pas tout à fait sûr de cela, mais je suppose que vous devez créer un lien vers le fichier font-awesome.min et dans mon cas css / CSSIcons / font-awesome / css / font -awesome.min.css .

Pouvez-vous vérifier cela pour moi mon pote et me faire savoir si cela fonctionne


0 commentaires

0
votes

l'utilisation de / css est incorrecte sur phonegap car / est le root du téléphone. il est préférable d'utiliser des chemins relatifs comme:

<link href="css/all.css" rel="stylesheet"> <!--load all styles -->

et bien sûr n'oubliez pas de copier le dossier webfonts dans le dossier www de votre projet


0 commentaires