jquery ui iconfont Téléchargement - jquery ui iconfont CODE Téléchargement

jquery ui iconfont

Téléchargement de polices

jQuery UI Icon

Télécharger

Icônes pour jQuery-UI

332 Icônes uniques pour jQuery UI / jQuery Mobile. Toutes les icônes sont tirées complètes à la main et optimisées pour une taille minimale de 14 × 14 pixels.
Icônes résidantes et conviviales mobiles.
Modifiez la couleur des icônes sans générer de fichiers graphiques.
Fonctionne avec tous les jQuery UI 1.11.2, 1.11.3, 1.11.4, 1.12 et 1.12.1 Thèmes et jQuery Mobile 1.4.5.
Facile à utiliser, aucun plugins ou hacks supplémentaires nécessaires.
Animation CSS3 incluse pour le statut de chargement Ajax par exemple.
Licence d'icône CC BY-SA 3.0

Plus maintenu

Puisqu'il existe désormais de meilleures alternatives et cadres, j'ai décidé d'arrêter ce projet.

Manuel

Usage

Inclure la police d'icône

Copiez le fichier jquery-ui-1.12.icon-font.min.css ou jquery-ui-1.11.icon-font.min.css et la font du dossier dans votre dossier, qui contient vos fichiers CSS. Vous pouvez également renommer par exemple jquery-ui-1.12.icon-font.min.css à jquery-ui.icon-font.min.css . Pour le débogage et / ou le développement, vous pouvez utiliser CSS-Files sans .min (par exemple jquery-ui-1.12.icon-font.css ).
Ajoutez la section <head> de votre document HTML un lien vers le nouveau File CSS.
Pour jQuery Mobile, peu importe que le fichier est utilisé, mais seul jquery-ui-1.11.icon-font est entièrement testé.

Exemple Inclure

  < head >
    <!-- ... -->
    < link href =" css/theme/jquery-ui.css " rel =" stylesheet " type =" text/css " /> 
    < link href =" css/theme/jquery-ui.icon-font.css " rel =" stylesheet " type =" text/css " /> 
    < script src =" js/jquery.min.js " type =" text/javascript " > </ script > 
    < script src =" js/jquery-ui.min.js " type =" text/javascript " > </ script > 
    <!-- ... --> 
  </ head >

Note:
Le fichier jquery-ui.icon-font.css et la version minifiée sont pour jQuery UI 1.12.x. Pour jQuery UI 1.11.x ou jQuery Mobile, veuillez utiliser le jquery-ui-1.11.icon-font.css ou la version minifiée jquery-ui-1.11.icon-font.min.css .

Comment utiliser une icône dans HTML-Markup

Afficher une icône est vraiment simple:

  < p class =" ui-widget-content
    ui-state-default ui-helper-clearfix " >
    < span style =" float: left; margin-right: 0.5em; "
      class =" ui-icon ui-icon-jquery " > icon </ span >
    ui-icon-jquery
  </ p >

Note:
Veuillez utiliser uniquement les noms de classe dans le fichier CSS pour afficher l'icône requise et jamais la valeur Unicode (par exemple " e601"). Je ne pouvais pas garantir que l'Unicode entré affichera le glyphe demandé sur les versions futures.