certains ionicons ne montrant pas

J'ai remarqué que certaines des icônes j'utilise dans mon projet cordova ne s'affichent pas sur aucun de mes appareils. Ceux qui ne sont pas de travail semblent avoir le mot ios ou android dans le nom de l'icône (par exemple: ion-android-liste ou ion-ios-livre-contour). Des idées pourquoi ils sont de montrer le vide? Jusqu'à présent une icône, je l'ai utilisé avec un nom générique fonctionne très bien (eg ion-horloge, ion de la carte). L'icône de noms, je suis l'extraction à partir d'ici: ionicons

J'ai inclus dans mon index.html fichier:

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
Avez-vous essayé d'utiliser un trait de soulignement "_" au lieu d'un tiret "-"? Par exemple, ion_android_list au lieu de ion-android-list.
Je pense que ceux qui doivent être des traits d'union. AlexHarper: Avez-vous récemment mis à jour votre Ionicons version, et la version que vous utilisez?
Merci pour les Suggestions @ChuongPham, mais ils sont certainement censé être des traits d'union. Dans le fichier css inonic.css il montre ceci: font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=1.5.2"); src: url("../fonts/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.5.2") format("truetype"), url("../fonts/ionicons.woff?v=1.5.2") format("woff"), url("../fonts/ionicons.svg?v=1.5.2#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
Ok, donc les icônes semblent fonctionner si j'utilise les noms d'icônes à partir de v1.5.2, comment puis-je mettre à niveau les icônes à v2.0.0. J'ai essayé de remplacer les fichiers dans le ioniques répertoire lib et de mettre à jour le fichier css pour afficher v. 2.0.0 cependant encore les icônes en question ne montrons maintenant. Des idées?
remplacer ios avec ios7 | au moins l'ios allaient travailler ensuite

OriginalL'auteur Alex Harper | 2015-01-04

  1. 8

    Apparemment la dernière version de ionique lors de la construction d'un ioniques application à l'aide de ionic start de CMD charge de la vétusté de l'icône de la bibliothèque de v1.5.2 (les plus récents sont v2.0.0).

    • De mettre à jour les polices aller à la dernière ionicons site et télécharger.
    • Décompressez-le et accédez à l' /fonts dir et la copie de ces 4 fichiers sur le www/lib/ionique/fonts dir de votre application (écraser).
    • Faire de même pour le scss dossier et collez www/lib/ionique/scss/ionicons (écraser).
    • Enfin ouvrir la ionicons.fichier css de votre extrait le fichier zip /css/ionicicons.css et copier le contenu de ce fichier dans www/lib/ionique/css/ionicons.css (REMARQUE: assurez-vous de modifier et de seulement remplacer la version de la police prend sur la première 1500 - 2000 lignes, vous verrez les commentaires indiquant)
    Grande réponse +1. Cependant, je pense que sur l'étape 4 vous voulu dire "et copier le contenu de ce fichier dans www/lib/ionique/css/ionicons.css" pour "et copier le contenu de ce fichier dans www/lib/ionique/css/ionique.css"
    ne montrant pas pour moi, d'amélioration qu'il les reconnaît, mais montre des carrés vides
    un jour sur cette? Je viens de voir un carré noir, souhaiterait un suivi!
    Vous aurez besoin de rapetisser ionicons.css pour ionicons.min.css si c'est celui que vous pointez; utiliser une ligne de minifier
    a travaillé pour moi. merci.

    OriginalL'auteur Alex Harper

  2. 2

    Dirait que vous êtes en utilisant Ionique, plutôt que de simplement Cordova.

    Que vous pourriez faire une mise à niveau partielle de la prochaine version de Ionique, qui comprend Ionicons v2:

    1. Télécharger /config/lib/fonts et /scss/ionicons de la la nuit dernière dans les lieux correspondants dans votre /www/dossier lib

    2. Assurez-vous d'avoir gulp installé localement: npm install gulp

    3. Exécuter ionic setup sass (REMARQUE: la sauvegarde de vos ionique.fichier de projet, d'abord comme cela fait quelques modifications)

    4. De remplacer les fichiers dans /www/lib/ionique/css avec les nouveaux, dans /www/css (nécessite une certaine renommage).

    5. Fixer les chemins relatifs dans ces fichiers copiés: remplacer ../lib/ionique/polices avec ../fonts

    Je suis sûr qu'il ya un moyen plus facile, mais cela a fonctionné pour moi. Quelqu'un a fait une fonctionnalité de suggestion pour toujours garder ionicons jusqu'à ce jour.

    Mise à jour:

    Icônes animées ne sont pas pris en charge avec Ionicons v2 (ion-spinner sera le remplacement). Voici un hack pour les récupérer:

    https://github.com/driftyco/ionicons/issues/111#issuecomment-65788526

    Vous devez ajouter display:inline-block à l'animation de la classe pour travailler sur Android.

    OriginalL'auteur Dunc

  3. 1

    Pour les versions plus récentes suffit d'utiliser:

    <ion-spinner></ion-spinner>

    plus: ion-spinner

    Pouvez-vous nous expliquer d'où cela doit être ajouté? Dans mon contrôleur, j'ai ceci: $ionicLoading.show({ noBackdrop: true, modèle: '<p class="item-icône de gauche">Chargement en cours ...<ion-spinner icon="lignes"/></p>' }) j'ai ajouté ceci dans le style.les feuilles de style css .l'élément de l'icône de gauche ion-spinner { float: left; margin-left: -3.2 em; margin-right: cadratin (1 em; margin-top: -0.2 em; } .spinner svg { width: 28px; height: 28px; stroke: #999; fill: #999; } Cela ne fonctionne que dans un navigateur, mais pas dans un véritable appareil android.

    OriginalL'auteur Christian Strang

  4. 1

    J'ai eu le même problème. Le moyen le plus facile à résoudre:

    Supprimer www/ionic/fonts et www/ionic/scss/ionicons répertoire.

    Puis exécutez ionic lib update à partir de votre répertoire racine du projet.

    La Solution ne fonctionne pas sur la version 1.0.0-bêta.14
    Impossible de trouver le comman

    OriginalL'auteur Steve H