fontello
fontello 폰텔로 웹폰트 다운 받는사이트 올린 벡터 이미지를 폰트화 시키는 기능도 있음 https://fontello.com/ 올린 벡터 이미지를 폰트화 시키는 기능 설명 위키 https://github.com/fontello/fontello/wiki/How-to-use-custom-images # fontello 와 utf 체계 UTF-8(유니코드) 체계를 이해하는 것은 생각보다 복잡할 수 있지만, 아이콘 폰트와 같은 간단한 용도로 사용하려면 몇 가지 기본 개념만 이해하면 돼요. Fontello를 활용해 아이콘 폰트를 만들 때, UTF 코드 체계를 잘 활용하면 원하는 아이콘을 쉽게 포함시킬 수 있습니다. 우선, UTF와 Fontello의 관계를 설명하고, UTF를 활용하여 아이콘을 추가하는 방법을 정리해 볼게요. ### 1. Fontello와 UTF 체계 이해하기 Fontello는 SVG 파일을 기반으로 웹폰트(icon font)를 생성하는 도구예요. 즉, SVG 아이콘 파일을 업로드하면 Fontello가 해당 아이콘을 유니코드(UTF-8) 체계에 매핑하여 웹에서 사용할 수 있는 폰트 파일(`.woff`, `.ttf` 등)과 CSS 파일을 만들어줘요. Fontello에서 아이콘 폰트를 사용할 때, 각각의 아이콘은 특정한 유니코드 값(예: `U+E001`)에 매핑돼요. 이 매핑된 유니코드 값을 사용하여 CSS에서 `content` 속성으로 아이콘을 불러올 수 있어요. ### 2. 기본 유니코드 체계 이해하기 유니코드 체계는 전 세계의 문자와 기호를 통합하여 표현하기 위한 표준 체계예요. UTF-8은 유니코드를 효율적으로 인코딩하여 사용하게 해 주는 방식 중 하나고요. - 유니코드는 보통 `U+XXXX` 형식으로 표현됩니다. 여기서 `XXXX`는 16진수 코드값이에요. - 예를 들어, `U+0041`은 대문자 `A`의 유니코드 값입니다. - `U+1F600`은 😀 이모티콘의 유니코드 값입니다. - 웹에서 사용할 때는 HT...