jquery ui iconfont скачать - jquery ui iconfont исходный код скачать

jquery ui iconfont

Загрузка шрифта

jQuery UI Icon

Скачать

Иконки для jQuery-Ui

332 Уникальные значки для jQuery UI / jQuery Mobile. Все иконки полны вручную и оптимизированы для минимального размера 14 × 14 пикселей.
Репрезентационные и мобильные значки.
Измените цвет значков без создания графических файлов.
Работает со всеми jQuery UI 1.11.2, 1.11.3, 1.11.4, 1.12 и 1.12.1 и JQUERY Mobile 1.4.5.
Легко в использовании, никаких дополнительных плагинов или взломов не нужны.
Включена анимация CSS3 для EG AJAX. Статус загрузки.
Лицензия значков CC BY-SA 3.0

Больше не поддерживается

Поскольку теперь есть лучшие альтернативы и фреймворки, я решил прекратить этот проект.

Руководство

Использование

Включите шрифт иконы

Скопируйте файл jquery-ui-1.12.icon-font.min.css или jquery-ui-1.11.icon-font.min.css и font папки в свою папку, в которой ваши CSS-Files. Вы также можете переименовать EG jquery-ui-1.12.icon-font.min.css в jquery-ui.icon-font.min.css . Для отладки и/или разработки вы можете использовать CSS-Files без .min (например, jquery-ui-1.12.icon-font.css ).
Добавьте в <head> -section вашего HTML -документа ссылку на новый CSS -файл.
Для jQuery Mobile это не имеет значения, который используется файл, но только jquery-ui-1.11.icon-font полностью протестирован.

Пример включает

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

Примечание:
Файл jquery-ui.icon-font.css и мини-версия предназначены для jQuery UI 1.12.x. Для jQuery UI 1.11.x или jQuery Mobile, пожалуйста, используйте jquery-ui-1.11.icon-font.css или мини-версия jquery-ui-1.11.icon-font.min.css .

Как использовать значок в HTML-Markup

Чтобы отобразить значок, действительно просто:

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

Примечание:
Пожалуйста, используйте только имена классов в CSS-файле, чтобы отобразить требуемый значок и никогда не значения Unicode (например, " E601"). Я не мог гарантировать, что введенный Unicode покажет запрошенный глиф в будущих выпусках.