83 votes

Police Génial vs Glyphyicons dans Twitter Bootstrap

Je suis un débutant dans le développement web et j'ai récemment commencé à travailler avec Twitter Bootstrap, je sais qu'il utilise Glyphyicons qui je sais déjà comment l'utiliser. Mais j'ai aussi vu la Police Impressionnant qui dit qu'il est construit pour Bootstrap.

Quelles sont les différences entre les deux? Je veux dire, c'est une alternative pour les autres? Ou si vous pouvez les utiliser dans des endroits différents?

66voto

Ravimallya Points 2040

Dans Le Bootstrap 2.x.x Glyphyicons étaient dans le format d'image, donc vous ne pouvez pas augmenter la taille, changer la couleur, la couleur d'arrière-plan, etc facilement. Cependant, de font-awesome vous donne scalable vector icônes qui peut instantanément être personnalisé de taille, de couleur, d'ombre portée, et tout ce qui peut être fait avec la puissance de CSS.

Police-génial, c'est vraiment une alternative pour Glyphyicons qui est d'obtenir des mises à jour de temps en temps avec de nouvelles icônes. De la graisse et de la Mdo sont la planification pour intégrer la Police de génial dans le démarrage de la version 3 comme un remplacement pour Glyphyicons.

Ma suggestion est que vous utiliser bootstrap avec font-awesome. Tout d'abord inclure bootstrap css et ensuite Font-awesome css, de sorte que le Glyphyicons sera remplacer par de font-awesome.

Mise à JOUR

Au démarrage de la version 3.x.x glyphicons devenir le format de la police, qui rendra bien même dans 12px taille de police. Si vous utilisez la dernière version de fontawesome, c'est à dire 4.01, vous pouvez utiliser à la fois les glyphicons avec fontawesome.

28voto

Neo Points 2870

Police Impressionnant: - Plus de 150 icônes plus - Pixel parfait, à défaut de bootstrap de police (14px) - Les icônes n'ont pas la même taille et nécessitent css personnalisé pour chacun d'aligner - A liste à puces, de rotation (qui peut être ajouté avec css3), empilées les icônes, et spinner animation (qui peut être ajouté manuellement ) Glyphyicons: - Moins D'Icônes - Pixel Parfait à la taille de police plus grande (16px) - Même la taille des icônes

voir: http://tagliala.github.io/vectoriconsroundup/

A side-by-side comparison between popular icon fonts made for Bootstrap.

12voto

tommaso capelli Points 151

Police génial, c'est une collection de vecteur d'icônes qui sont obtenues en utilisant une police spécifique et un peu de css pour faire de la "magie", Glyphicons utilise les sprites-css technique.
Vous pouvez les utiliser, il suffit d'ajouter le fichier css après Bootstrap est un.

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

Si vous ne voulez pas avoir glyphicons mais juste la police impressionnant vous devez vous rendre ici et de personnaliser votre fichier d'Amorçage de téléchargement pour l'obtenir sans glyphicons.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X