웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Select/Preview Google/System/Custom Fonts With Fontpicker Plugin 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Select/Preview Google/System/Custom Fonts With Fontpicker Plugin

해피CGI윤실장 2024. 9. 13. 09:10

Fontpicker.js 입력 필드를
Google Web Fonts 및 System/Custom Local 글꼴에 대한 모든 기능을 갖춘 글꼴 선택기로
변환하는 Fontselect 플러그인의 후속 플러그인입니다.


더 많은 기능:
  • 글꼴을 선택할 수 있는 편리한 팝업 인터페이스를 제공합니다.
  • 선택 후 실시간 미리보기.
  • 성능 향상을 위해 글꼴을 지연 로드합니다.
  • 좋아하는 색상을 설정할 수 있습니다.
  • 검색 상자 또는 태그(serif, sans serif, display 등)가 있는 글꼴을 쉽게 필터링할 수 있습니다.
  • 글꼴 두께와 글꼴 스타일을 지원합니다.
  • 키보드 상호 작용. 키 1-9는 활성 항목에서 글꼴 두께를 선택합니다. 키 i는 활성 항목에서 이탤릭체를 토글합니다.
  • 자동은 마지막으로 선택한 글꼴을 기억합니다.
  • 다국어: 영어, 독일어, 네덜란드어.
  • 유용한 API 메서드 및 이벤트 처리기.



다운로드 받은 파일의 압축을 해제한뒤,
index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다.




사용방법은 아래와 같습니다.










 

Comments