아이콘 질문

[frysweet]

선생님 fontawsome 강의 공부하다가 코딩을 제맘대로 짜봤는데요.

일러스트레이터로 만든 아이콘이나 그림 파일을 첨부하면 깨지는 현상도 있고 뷰포트 변경시 일그러지는 현상도 생기고,

클릭시 효과를 주는것이 어려워서

svg 방식으로 바꾸고 싶은데요.

처음부터 svg로 제작하려면 어떻게 해야 하나요..?

svg 변환 사이트에 png 파일 넣어봤는데 막상 코드에 적용하니 효과가 없었습니다..ㅠㅠ

[codingapple]

일러스트레이터에서 만든 이미지를 svg로 저장하고 svg 파일을 그냥 img src="" 안에 집어넣으면 됩니다 

[frysweet]

답변 감사합니다 😀 

Fontawsome 에서 받는 아이콘들도 일러스트레이터에서 만드는 svg파일과 동일한가요?

아니면 어떤부분에서 원리가 다른지 긍금합니다.

[codingapple]

그냥 웹폰트입니다 

혹은 all.js 파일 첨부하시면 자바스크립트 코드로 제작한 svg 버전 아이콘도 이용가능합니다 

[글쓴이]

글