jquery ui iconfont
jQuery UI Icon
由于现在有更好的替代方案和框架,因此我决定终止该项目。
复制文件jquery-ui-1.12.icon-font.min.css或jquery-ui-1.11.icon-font.min.css和文件夹字体中的font ,其中包含您的CSS文件。您还可以重命名,例如jquery-ui-1.12.icon-font.min.css到jquery-ui.icon-font.min.css 。对于调试和/或开发,您可以使用不带.min的CSS文件(例如jquery-ui-1.12.icon-font.css )。
添加HTML文档的<head>部分 - 新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和kinified版本适用于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 。
显示图标真的很简单:
< 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会在未来版本上显示所请求的字形。
请在问题跟踪器上报告错误或功能请求。
查看https://mkkeck.github.io/jquery-ui-i-iconfont/下的演示