- 가끔 디자이너가 시안에 넣지 않은 아이콘을 퍼블리싱 하다가 추가해야 하는 경우가 있다. 대부분의 경우 디자이너에게 요청 하지만, 간단한 기능 버튼에 들어가는 아이콘들은 하나의 백터 기반 아이콘 라이브러리(?)를 포함시켜 두고 퍼블리셔가 넣기도 한다.
- 우리 회사는 xeicon을 주로 쓰는데, 폰트파일을 다 합해도 1mb 정도의 가벼운 폰트다. 사용 방법도 진짜 간단함. 그래서 아마 쓰기 시작한듯?
- 많이 쓰이는 goolgle marerial icon은 종류가 굉장히 다양하고 (900개 넘음) 세련됬으며, 보기 편하고 customize도 미리 해볼수 있는 라이브러리도 있다.
- 근데 폰트 크기가 너무크다................... cdn으로 쓸거 아니면 잘 안쓸듯.
1.라이브러리 : https://fonts.google.com/icons?hl=ko
-> 여기서 아이콘 검색 및 개별 이미지 (png / svg 다운로드 가능)
2. 다운로드 링크 : https://github.com/google/material-design-icons
-> 서버에 올려 사용할 경우 폰트파일 다운받아서 직접 넣어야 함 근데 여기서 전체 통으로 받으려나 파일 크기가 3G임.....에바....
* cdn으로 사용할 경우, <link href=" https://fonts.googleapis.com/icon?family=Material+Icons " rel="stylesheet"> 만 넣으면 됨
3.사용 가이드 : https://developers.google.com/fonts/docs/material_icons?hl=ko#icon_font_for_the_web
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
'기타 정보' 카테고리의 다른 글
2023 GDWEB Design Award 수상작을 보며 (2) | 2024.01.03 |
---|---|
css shadow gradient 그래디언트 그림자 효과 (0) | 2023.09.20 |
간단한 box shadow css 생성 사이트 (0) | 2023.09.14 |
간단한 말풍선 css 생성 사이트 (0) | 2023.09.14 |
vscode OpenAI api 확장 프로그램 사용 (AICodeHelper) (0) | 2023.05.18 |