Publisher

1. About SVG File & Favicon
2. Reset.css, Normalize.css

목차

SVG 파일을 왜 Icon으로 바꿔서 사용하는가?

1. Style을 Customizing 하기 편하다
2. 어느정도 최적화가 가능하다
3. 폰트를 class에 적용시킴으로써 편안하게 사용할 수 있다.

First

IcoMoon App - Icon Font, SVG, PDF & PNG Generator

• Import Icons → SVG 파일 선택 → Generate Font → ClassName 변경 → font Download 이때 아래 사진과 같이 Selector 선택 → 폴더 다운로드 → 다운로드 폴더 내에 fonts 프로젝트에 적용 → style.css 파일 프로젝트에 적용 → url link는 style.css 파일을 기준으로 적용을 한다. → 적용 완료

  

Favicon link태그 생성하기

Favicon Generator for perfect icons on all browsers

1. Figma를 통해서 SVG로 파일 export
2. 위 사이트 접속하여 파일 업로드
3. link태그 생성되면 HTML 파일에 붙여넣어서 사용하기.
4. 다운받아진 파일 Root 파일에 옮기기