jquery ui iconfontダウンロード-JQUERY 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モバイル1.4.5で動作します。
使いやすく、追加のプラグインやハッキングは必要ありません。
たとえば、ajaxローディングステータスのCSS3アニメーションが含まれています。
アイコンライセンスCC by-sa 3.0

もはや維持されません

より良い代替案とフレームワークがあるので、私はこのプロジェクトを中止することにしました。

マニュアル

使用法

アイコンフォントを含めます

ファイルjquery-ui-1.12.icon-font.min.cssまたはjquery-ui-1.11.icon-font.min.cssとフォルダーfontをフォルダーにコピーし、CSS-Filesを保持します。また、 jquery-ui-1.12.icon-font.min.cssにjquery-ui.icon-font.min.cssに変更することもできます。デバッグおよび/または開発には、 .minなしでCSS-Filesを使用できます（ jquery-ui-1.12.icon-font.css ）。
HTMLドキュメントの<head> -Sectionを追加して、新しいCSSファイルへのリンクを追加します。
JQuery Mobileの場合、Wichファイルが使用されることは問題ではありませんが、 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モバイルの場合は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 >