Police Awesome vs Glyphicons sur Twitter Bootstrap
Je suis un débutant en développement Web et j'ai récemment commencé à travailler avec Twitter Bootstrap. Je sais qu'il utilise Glyphicons que je sais déjà utiliser. Mais je suis aussi tombé sur Font Awesome qui dit qu'il est construit pour Bootstrap.
Quelles sont les différences entre les deux? Je veux dire est-ce que l'un est une alternative à l'autre? Ou devriez-vous les utiliser dans des endroits différents?
In Bootstrap 2.xx Glyphyicons were au format image, vous ne pouvez donc pas augmenter la taille, changer la couleur, la couleur d'arrière-plan Cependant, font-awesome vous donne des icônes vectorielles évolutives qui peuvent être personnalisées instantanément - taille, couleur, ombre portée et tout ce qui peut être fait avec la puissance de CSS.
Font-awesome est vraiment une alternative à Glyphyicons qui se met à jour de temps en temps avec de nouvelles icônes. Fat et Mdo envisagent d’intégrer Font-awesome à la version 3 bootstrap) en remplacement de Glyphyicons.
Ma suggestion est d'utiliser bootstrap avec font-awesome. Commencez par inclure bootstrap css, puis css Font-awesome, afin que les glyphyons soient remplacés par font- impressionnant.
MISE À JOUR
Dans version 3.x.x de bootstrap, les glyphicons deviennent un format de police qui restitue parfaitement même dans une police de taille 12px. Si vous utilisez la dernière version de fontawesome, c’est-à-dire 4.01, vous pouvez utiliser les deux glyphicons avec fontawesome.
Font Awesome: - Plus de 150 autres icônes - Pixel parfait par défaut bootstrap font (14px) - Les icônes n'ont pas la même taille et nécessitent un fichier CSS personnalisé à aligner - A une liste à puces, une rotation ( Glyphyicons: - Moins d'icônes - Pixel Parfait avec une taille de police supérieure (16 pixels) - Des icônes de même taille
voir: http://tagliala.github.io/vectoriconsroundup/
Font awesome est une collection d'icônes vectorielles obtenues à l'aide d'une police spécifique et de quelques CSS pour créer la "magie". Glyphicons utilise la technique Sprite-css.
Vous pouvez les utiliser tous les deux, ajoutez simplement le fichier css après celui de Bootstrap.
<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 de glyphicons, mais seulement celui avec une police de caractères géniale, vous devriez aller ici et personnaliser votre téléchargement Bootstrap) pour l'obtenir sans glyphicons.