아이콘폰트2 디자인 꿀팁! 포토샵과 xd 일러스트에서 아이콘을 폰트 처럼 사용하기 디자인을 하다가 가장 유용한것중에 하나가 바로 아이콘을 바로바로 사용하는 것입니다. 그중 가장 유용한게 바로 폰트처럼 아이콘 사용하는 것인데요! 구글 아이콘도 폰트처럼 사용 가능하다는 것을 발견 했어요! 사용법 1. 아래 사이트에서 사용할 아이콘을 골라줍니다. Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com 2. 아이콘의 텍스트를 적어주세요. 3.폰트를 "Material Icons" 으로 변경해 줍니다. 그럼 텍스트로 .. 2023. 12. 1. [javaScript] 클릭 시 클래스 명 변경 되는 자바스크립트 클릭시 자동으로 아이콘의 클래스 명이 변경되게 하는 소스 입니다. 아이디 저장 과 같은 기능뿐 아니라, 클래스 명이 토글 형태로 변경 되어야 하는 부분에 사용할때 가능 합니다. *방법 : 폰트 아이콘의 클래스명을 제어해서 아이콘 모양을 변경해줍니다! html 아이디 저장 css .login_save{ margin:3em } .login_save i{ font-size: 26px; padding-right:3px; cursor:pointer; font-weight:400; color:#999; letter-spacing: -1px; } .login_save i.xi-check-circle{ color:#000 } JavaScript const logo = document.getElementById("sta.. 2023. 11. 29. 이전 1 다음 728x90 반응형
