J'essaie d'utiliser des glyphicons de glyphicons (dot) com mais je n'ai pas pu trouver comment les utiliser dans mon code ... Dois-je créer une sorte de fichier css (comme c'est fait dans bootstrap) ou devrais-je le lier en quelque sorte dans mon html? J'espère que quelqu'un connaît la réponse :) Merci!

<li><a href="#"><span class="glyphicons-44-group"></span> Clans </a></li>

Si cela aide, c'est par exemple l'un de mes codes où je veux utiliser le glyphicon (avec le code du glyphicon). Btw, le chemin est "glyph / glyph / glyph / png"

2
Rainer Lanemann 27 janv. 2017 à 11:04

4 réponses

Meilleure réponse

Pour GLYPHICONS , utilisez. Vous devez acheter une licence ou l'utiliser gratuitement. Si vous voulez libérer, vous deviendrez petit

GLYPHICONS Kit de base

Icônes .png.

Exemples d'utilisation

<img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" />

Toutes les licences

GLYPHICONS Kit de base

GLYPHICONS Halflings

GLYPHICONS Filetypes

GLYPHICONS Social

Tous les ensembles dans des fichiers raster *

Un usage commercial**

Exemples d'utilisation

<img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" />

Licence PRO

GLYPHICONS Kit de base

GLYPHICONS Halflings

GLYPHICONS Filetypes

GLYPHICONS Social

Tous les ensembles dans des fichiers raster *

Tous les ensembles dans des fichiers vectoriels

Tous les ensembles en tant que police Web

Tous les ensembles en HTML / CSS en direct

Futures mises à jour gratuites

Un usage commercial**

Exemples d'utilisation

<img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" /> /* Note: You can use @2x and @3x size. */

<i class="glyphicon glyphicon-envelope" aria-hidden="true"></i> /* This is for example */

Utilisez uniquement l'icône GLYPHICONS en utilisant HTML/CSS de Fichier Twitter-Bootstrap.

Exemples d'utilisation

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>

C'est tout ce que l'on sait sur le GLYPHICON .

2
Rahul 27 janv. 2017 à 09:27

Vous voulez d'abord faire référence à la même bibliothèque de glyphes que celle que vous utilisez sur votre page que d'utiliser la balise span pour mettre votre glyphe

Incluez ce lien cdn dans votre balise head

 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 

Puis utilisez votre balise span pour utiliser glyphicon

<span class="glyphicon glyphicon name"></span>
-1
wali 27 janv. 2017 à 08:35

Les icônes que vous avez téléchargées sont des PNG, je pense que vous devriez essayer ceci:

<li><a href="#"><img src="YOUR_PATH"> Clans </a></li>

3
Syraxis 27 janv. 2017 à 08:43

Si vous utilisez Boostrap, les Glyphicons sont déjà inclus, il n'est donc pas nécessaire de les lier (à condition que vous ayez déjà lié Bootstrap). Cependant, si vous n'utilisez pas Bootstrap, vous pouvez appeler uniquement les Glyphicons comme Troyer l'a commenté:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstra‌​p-glyphicons.css" rel="stylesheet">

Vous pouvez ensuite afficher des Glyphicons sur la page, comme ceci:

<span class="glyphicon glyphicon-search"></span>

Notez la classe de glyphicon supplémentaire avant la classe pour l'icône spécifique.

Si vous avez besoin d'aide supplémentaire, consultez cette page.

0
Thomas Smyth 27 janv. 2017 à 08:43