현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 무료 아이콘 사용 방법 (구글 아이콘)
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2024-01-25
  • 추천 추천하기
  • 조회수 394

https://fonts.google.com/


위의 주소로 접속 후 좌측 메뉴 중 'ICONS' 를 클릭합니다.





화면 우측에 여러 종류의 아이콘들이 나타납니다.







화면 좌측의 필터창에서 Weight, Grade, Optical Size 옵션에서 

아이콘의 굵기, 사이즈 등을 조절하고

그 아래 Style 옵션에서 아이콘을 아웃라인 형태나 색상이 채워진 형태 등으로도 선택할 수 있습니다.

그리고 그 아래 Category 옵션에서 카테고리를 선택해주시면 원하시는 종류의 아이콘을 더 빨리 

찾으실 수 있습니다.






위 설명의 필터창에서 설정을 모두 완료했으면

원하는 모양의 아이콘을 클릭해줍니다.






해당 아이콘의 소스 복사 및 SVG 이미지와 PNG 이미지를 다운로드할 수 있는 창이 

화면 가장 우측에 나타납니다.


소스를 사용하실 경우 Static icon font 항목에 있는 <link rel... 소스를 복사하여

<head>와 </head>사이에 붙여넣고, 아이콘이 들어갈 위치에 <span.... 소스를 붙여넣어주시면 됩니다.






첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.