텍스트 아웃라인 만들기와 SVG 저장
여기서는 내가 고른 글꼴 파일로 텍스트 아웃라인을 만들 수 있어요. TTF, OTF, WOFF 글꼴을 고르면 벡터 패스로만 이뤄진 SVG가 나와요. 글자 모양이 글꼴 그대로 유지돼서 어떤 브라우저나 디자인 앱에서도 똑같이 보이고, 글꼴을 설치하지 않아도 돼요. 로고 글자, 이름, 간판, 비닐·레이저·커팅기용 재단 파일에 잘 맞아요. 글꼴과 텍스트는 브라우저 안에서만 처리되고 업로드되지 않아요.
텍스트 아웃라인 만드는 순서
- 글꼴 파일을 선택하거나 여기에 놓으세요를 선택하고 10MB 이하의 TTF, OTF, WOFF 파일을 고르세요.
- 텍스트 칸에 글자를 입력하거나 붙여넣으세요. 최대 1,000자까지, 여러 줄도 입력할 수 있고 입력하는 동안 아웃라인 미리보기가 바뀌어요.
- 미리보기를 확인하세요. 투명한 배경이 보이도록 체크무늬 위에 표시되는데, 체크무늬는 파일에 들어가지 않아요.
- SVG 다운로드를 누르세요. 파일 이름은 글꼴 파일 이름에 .svg가 붙은 형태예요.
다른 글꼴을 써 보려면 글꼴 이름 옆의 글꼴 변경을 누르세요. 입력한 텍스트는 그대로 두고 새 글꼴로 다시 그려요. 미리보기 아래 줄(예: 패스 20개 · 9.3 kB)에서 SVG의 패스 수와 크기를 확인할 수 있어요.
글자 아웃라인 만들기: SVG 파일에 들어가는 것
다운로드한 SVG에는 <path> 요소만 들어 있어요. <text>나 <tspan> 요소는 전혀 없어서, 파일을 여는 곳에 글꼴이 있는지와 상관없이 똑같이 보여요.
- 기본값은 글자 하나당 패스 하나예요. Illustrator, Inkscape, Figma에서 글자를 하나씩 선택하고 옮기고 색을 바꾸기 쉬워요.
- 닫힌 도형: 모든 윤곽선이 닫혀 있어서 커팅기나 선 효과에서도 온전한 모양으로 인식돼요.
- 0 0에서 시작해 그림에 맞게 잘린 viewBox예요. 여백은 따로 붙지 않아요.
- 검은색 채우기이고 숫자는 소수 둘째 자리까지 반올림돼서 파일이 작아요.
글꼴에 들어 있는 커닝과 합자도 적용돼서 "AV"나 "fi" 같은 글자 쌍이 글꼴의 의도대로 간격이 잡히고 이어져요.
텍스트 아웃라인 처리: 겹치는 글자 합치기
필기체와 손글씨 글꼴은 획을 겹쳐서 글자를 이어요. 패스가 따로 나뉜 상태에서는 그 겹침이 그대로 남아 있어서 비닐이나 레이저 커팅기가 이음새 한가운데를 잘라 버려요.
서식을 열고 겹치는 글자 합치기를 체크하세요. 겹친 도형이 하나의 아웃라인으로 합쳐지고 텍스트 전체가 하나의 복합 패스로 저장돼요. 필기체 글꼴로 단어 하나를 쓰면 상태 줄에 패스 1개로 표시돼요. Cricut Design Space, Silhouette Studio, 레이저 소프트웨어가 이런 SVG를 읽을 수 있어요. 자르기 전에 쓰는 프로그램에서 모양을 꼭 확인하세요.
글자 간격과 줄 간격
둘 다 서식 안에 있고, 움직이면 미리보기가 바로 바뀌어요.
- 글자 간격은 -100에서 100까지(1/1000 em 단위)이고 기본값은 0이에요. 마이너스 값은 글자를 모으고 플러스 값은 벌려요.
- 줄 간격은 0.80에서 2.50 em까지이고 기본값은 1.20이에요. 텍스트가 두 줄 이상일 때만 영향이 있어요.
알아 둘 한계
- WOFF2와 글꼴 컬렉션은 지원하지 않아요. WOFF2 파일만 있다면 그 글꼴의 TTF, OTF, WOFF 버전을 쓰세요. TTC 컬렉션은 먼저 개별 글꼴 파일로 나눠야 해요.
- 글꼴에 없는 문자는 건너뛰어요. 미리보기 아래 안내에 글꼴에 없는 문자가 표시돼요.
- 컬러 글꼴과 이모지 글꼴은 색 레이어가 아니라 검은색 기본 아웃라인만 나와요.
- 오른쪽에서 왼쪽으로 쓰는 문자와 복잡한 문자는 글꼴 자체가 제공하는 것만 따라가요. 레이아웃과 맞는지 미리보기로 확인하세요.
- 글꼴 라이선스는 아웃라인에도 그대로 적용돼요. 아래 자주 묻는 질문을 참고하세요.
이 도구는 텍스트를 아웃라인으로 바꿀 뿐, 글꼴을 편집하거나 글자 하나의 모양을 바꾸지는 않아요. 글자를 하나씩 다듬으려면 SVG를 벡터 편집기에서 여세요.
다른 텍스트·벡터 도구
스캔한 PDF 페이지를 벡터 도형으로 바꾸려면 PDF 벡터 변환기를 쓰세요. 여기서 글꼴을 고르기 전에 PDF, SVG, CSS 파일이 쓰는 글꼴을 알고 싶다면 파일 글꼴·색상 찾기를 열어 보세요. 글꼴 파일 없이 복사해서 붙여넣을 수 있는 꾸민 텍스트는 예쁜 폰트 생성기가 있어요.
텍스트 아웃라인 자주 묻는 질문
텍스트 아웃라인을 온라인에서 무료로 만들 수 있나요?
네. 글꼴 파일을 고르고 텍스트를 입력한 뒤 "SVG 다운로드"를 누르면 돼요. SVG에는 벡터 패스만 들어 있어서 글꼴을 설치하지 않아도 글자 모양이 그대로예요. 변환은 브라우저 안에서 이뤄지고 글꼴 파일과 텍스트는 업로드되지 않아요.
글자 아웃라인 만들기는 어떻게 하나요?
TTF, OTF, WOFF 글꼴을 불러오고 텍스트를 입력한 뒤 "SVG 다운로드"를 누르세요. 글자마다 닫힌 path 요소로 저장되고 text나 tspan 요소는 쓰지 않아서 브라우저, Inkscape, Illustrator, Figma에서 똑같이 보여요. 하나의 복합 패스로 만들고 싶다면 "서식"에서 "겹치는 글자 합치기"를 켜세요.
글꼴 파일을 SVG로 바꿀 수 있나요?
그 글꼴로 입력한 텍스트를 SVG 아웃라인으로 바꿀 수 있어요. 글꼴을 SVG로 바꾸려는 사람들이 대부분 원하는 게 이거예요. 결과물은 이름이나 로고 글자 같은 그림이고, 설치해서 쓰는 SVG 글꼴은 아니에요. 알파벳 전체를 바꾸려면 "텍스트" 칸에 전부 입력해야 해요.
SVG를 Illustrator, Inkscape, Figma에서 쓸 수 있나요?
네. 검은색으로 채운 패스와 그림에 맞게 잘린 viewBox를 가진 일반 SVG라서 어떤 벡터 편집기와 브라우저에서도 열려요. 합치기를 쓰지 않으면 글자마다 패스가 따로라서 하나씩 선택하고 색을 바꾸거나 옮기기 쉬워요.
아웃라인에서 일부 글자가 빠지는 이유는 뭔가요?
글꼴은 가지고 있는 문자만 그려요. 글꼴에 없는 문자가 있으면 빈 네모로 그리지 않고 건너뛰며, 미리보기 아래에 "이 글꼴에 없는 문자 1개를 제외했어요"처럼 안내가 나와요. 그 문자를 지원하는 글꼴을 고르거나 텍스트에서 지우세요.
필기체 글꼴의 겹치는 글자는 어떻게 합치나요?
"서식"을 열고 "겹치는 글자 합치기"를 체크하세요. 필기체와 손글씨 글꼴은 겹치는 획으로 글자를 이어서, 커팅기에서는 불필요한 선으로 나타나요. 합치면 겹침이 하나의 아웃라인으로 합쳐지고 텍스트 전체가 하나의 복합 패스로 저장돼요. 텍스트가 길면 잠시 걸릴 수 있어요.
어떤 글꼴이든 아웃라인으로 만든 글자를 상업적으로 써도 되나요?
도구가 아니라 글꼴의 라이선스에 달려 있어요. 아웃라인은 글꼴 자체의 디자인이므로 SVG를 판매하는 물건에 쓰기 전에 라이선스가 무엇을 허용하는지 확인하세요.
이미지를 SVG로 트레이스하는 것과 같은 건가요?
아니요. 트레이스는 그림의 픽셀에서 모양을 추측해요. 여기서는 정확한 곡선이 글꼴 파일에서 그대로 나와서 가장자리가 글꼴만큼 깔끔해요. 로고나 서명 같은 이미지를 벡터로 바꾸려면 이미지를 벡터화하는 도구가 필요해요.
