Bootstrap 3 sans Glyphicons remplacé par Font Awesome

Je veux supprimer Bootstrap 3 Glyphicons en faveur de la Police Impressionnant. Depuis de Police Impressionnant comprend déjà plus de la Glyphicons y ne voulez pas inclure d'eux et d'éviter les doublons et les problèmes de compatibilité.

quand je fais une mesure de bootstrap télécharger et j'ai décocher la glyphicon composant, je vois encore certains glyphicon références dans le fichier css. http://getbootstrap.com/customize/

Comment puis-je désactiver une de ces icônes entièrement ?

grâce

source d'informationauteur denoise

  1. 14

    Les 6 restants Glyphicons références dans la compilation des CSS sont relatives à l'utilisation facultative de la Glyphicons pour le prochain+prev boutons dans le Carrousel de la composante. Puisque les déclarations en question sont également utilisés pour les non-Glyphicon suivant+boutons prev et représentent absolument trivial montant total de la taille du fichier, je vous suggère tout simplement de les ignorer. À toutes fins pratiques, que vous avez déjà éliminé Glyphicons de votre construction.

    Si vous devez absolument anéantir ces références, puis compiler manuellement Bootstrapau préalable supprimer le contenu des lignes de bootstrap/less/carousel.less et la suppression de la @import "glyphicons.less"; ligne de bootstrap/less/bootstrap.less.

    Ou vous pouvez simplement éditer manuellement le CSS, Bootstrap Customizer déjà généré pour vous, puisque la suppressions sont triviales.

  2. 4

    Que j'utilise bootstrap avec la Police Génial, je vais à personnaliser la page et j'ai décoché la glyphicon composant comme vous l'avez fait, mais depuis quelques temps j'ai aussi ajouter ces lignes de code à mon ( fichier override ):

    [class^="icon-"],
[class*="icon-"] {
  background: none;
}

    aussi, vous pouvez ouvrir le principal bootstrap fichier que vous avez téléchargé ( sur mesure ) et de recherche pour font-family: 'Glyphicons Halflings'; , de le commenter tous les @font-face.

    Espère que cela va vous aider à

  3. 4

    Solution pour moins (testé pour bootstrap 3.3.5):

    Tout d'abord, remplacer les icônes pour carrousel:

    //Overloading "glyphicon" class with "fa".
.glyphicon
{

    &:extend(.fa);

    //Overloading "glyphicon-chevron-left" with "fa-arrow-left".
    &.glyphicon-chevron-left
    {
        &:extend(.fa-chevron-left);
    }

    //Overloading "glyphicon-chevron-right" with "fa-arrow-right".
    &.glyphicon-chevron-right
    {
        &:extend(.fa-chevron-right);
    }
}

    Cette partie est tirée de Slava Fomin répondrebasé sur Steven Clontz de le code de base.

    Prochaine étape: désactiver les glyphicons de chargement:

    //** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "fontawesome-webfont";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "fontawesomeregular";

    Ne pas oublier lessc chargement différé: @icon-font-svg-id et d'autres vars avez la dernière valeur que vous avez définie.