Descargar jquery ui iconfont - Descargar el código fuente de jquery ui iconfont

jquery ui iconfont

Descarga de fuentes

jQuery UI Icon

Descargar

Íconos para jQuery-ui

332 iconos únicos para jQuery ui / jQuery mobile. Todos los iconos están completos a mano y se optimizan para un tamaño mínimo de 14 × 14 píxeles.
Íconos residables y amigables para dispositivos móviles.
Cambie el color de los iconos sin generar archivos gráficos.
Funciona con todas las jQuery UI 1.11.2, 1.11.3, 1.11.4, 1.12 y 1.12.1 temas y jQuery Mobile 1.4.5.
Fácil de usar, no se necesitan complementos adicionales ni trucos.
Incluyó animación CSS3 para el estado de carga de EG AJAX.
Licencia de icono CC BY-SA 3.0

Ya no mantenido

Dado que ahora hay mejores alternativas y marcos, he decidido suspender este proyecto.

Manual

Uso

Incluir la fuente de icono

Copie el archivo jquery-ui-1.12.icon-font.min.css o jquery-ui-1.11.icon-font.min.css y la font en su carpeta, que contiene sus archivos CSS. También puede cambiar el nombre de eg jquery-ui-1.12.icon-font.min.css a jquery-ui.icon-font.min.css . Para la depuración y/o el desarrollo, puede usar archivos CSS sin .min (por ejemplo, jquery-ui-1.12.icon-font.css ).
Agregue la sección <head> de su documento HTML un enlace al nuevo CSS -File.
Para jQuery Mobile, no importa que el archivo se use, pero solo jquery-ui-1.11.icon-font se prueba por completo.

Ejemplo de incluir

  < 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 >

Nota:
El archivo jquery-ui.icon-font.css y la versión minificada son para jQuery UI 1.12.x. Para jQuery UI 1.11.x o jQuery Mobile, utilice la jquery-ui-1.11.icon-font.css o la versión minificada jquery-ui-1.11.icon-font.min.css .

Cómo usar un icono en HTML-Markup

Mostrar un icono es realmente 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 >

Nota:
Solo use los nombres de clase en el archivo CSS para mostrar el icono requerido y nunca el valor de Unicode (por ejemplo, " E601"). No pude garantizar que el Unicode ingresado mostrará el glifo solicitado en versiones futuras.