jquery ui iconfont Download - jquery ui iconfont Quellcode Download

jquery ui iconfont

Schriftarten herunterladen

jQuery UI Icon

Herunterladen

Ikonen für Jquery-UI

332 Einzigartige Symbole für JQuery UI / JQuery Mobile. Alle Symbole werden von Hand vollständig gezeichnet und für eine minimale Größe von 14 × 14 Pixel optimiert.
Setzbare und mobilfreundliche Ikonen.
Ändern Sie die Farbe der Symbole, ohne Grafikdateien zu generieren.
Arbeitet mit allen Jquery UI 1.11.2, 1.11.3, 1.11.4, 1.12 & 1.12.1 Themen und JQuery Mobile 1.4.5.
Einfach zu bedienen, keine zusätzlichen Plugins oder Hacks benötigt.
Enthalten die CSS3 -Animation für z. B. AJAX -Ladestatus.
Icon Lizenz CC BY-SA 3.0

Nicht mehr gepflegt

Da es jetzt bessere Alternativen und Frameworks gibt, habe ich beschlossen, dieses Projekt einzustellen.

Handbuch

Verwendung

Fügen Sie die Symbolschrift ein

Kopieren Sie die Datei jquery-ui-1.12.icon-font.min.css oder jquery-ui-1.11.icon-font.min.css und die font in Ihrem Ordner, der Ihre CSS-Files enthält. Sie können auch eg jquery-ui-1.12.icon-font.min.css in jquery-ui.icon-font.min.css umbenennen. Für Debugging und/oder Develope können Sie CSS-Files ohne .min (z. B. jquery-ui-1.12.icon-font.css ) verwenden.
Fügen Sie in der <head> -abteilung Ihres HTML -Dokuments einen Link zum neuen CSS -File hinzu.
Für JQuery Mobile spielt es keine Rolle, dass die Datei verwendet wird, sondern nur jquery-ui-1.11.icon-font vollständig getestet wird.

Beispiel einschließen

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

Notiz:
Die Datei jquery-ui.icon-font.css und die minifizierte Version sind für JQuery UI 1.12.x. Für JQuery UI 1.11.x oder Jquery Mobile verwenden Sie bitte die jquery-ui-1.11.icon-font.css oder die minifizierte Version jquery-ui-1.11.icon-font.min.css .

So verwenden Sie ein Symbol in HTML-Markup

Ein Symbol anzuzeigen ist wirklich einfach:

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

Notiz:
Bitte verwenden Sie nur die Klassennamen in der CSS-Datei, um das erforderliche Symbol und niemals den Unicode-Wert anzuzeigen (z. B. " e601"). Ich konnte nicht garantieren, dass der eingegebene Unicode den angeforderten Glyphen für zukünftige Veröffentlichungen anzeigen wird.