이제 더 나은 대안과 프레임 워크가 있기 때문에이 프로젝트를 중단하기로 결정했습니다.
파일 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> -섹션을 추가하여 새로운 CSS -File에 대한 링크를 추가하십시오.
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 사용하십시오.
아이콘을 표시하는 것은 정말 간단합니다.
< 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-File의 클래스 이름 만 사용하여 필요한 아이콘과 유니 코드 값 (예 : " e601")을 표시하십시오. 입력 한 유니 코드가 향후 릴리스에 요청 된 글리프를 보여줄 것이라고 보장 할 수 없었습니다.
문제 추적기에 대한 버그 또는 기능 요청을보고하십시오.
https://mkkeck.github.io/jquery-ui-iconfont/의 데모를 살펴보십시오.