google 폰트 아이콘 사용하기

·2022년 6월 8일
0

jpg, png 아이콘을 사용할 때 색상을 변경하려면
원본 이미지를 변경해서 하나하나 연결 해줘야하는 번거로움이 있습니다.

서체처럼 css 꾸밈값을 줄 수 있는 폰트 아이콘 사용법

  1. https://fonts.google.com/icons 에 들어가서 아이콘을 고릅니다.
  2. link를 복사해서 head 안에 넣어줍니다.
  3. span태그를 복사해서 body 안에 넣어줍니다. (span 태그 안에 텍스트를 변경하면 안됩니다!)
  4. 아이콘의 꾸밈값을 변경하고 싶다면 css style에서 값을 변경하면 됩니다.

    짜잔 X 아이콘의 style값을 빨간색으로 변경 해준 모습입니다.
    잘 적용이 되었죠?🐰 끝!
profile
저녁놀 마을 사람

0개의 댓글

관련 채용 정보