SVG Preview
Loading font...
Google Fonts와 사용자 정의 폰트를 깔끔한 SVG 패스로 변환하는 무료 온라인 도구입니다. 웹 디자인, 로고, 레이저 커팅, 벡터 그래픽에 적합합니다.
전 세계 디자이너와 개발자가 신뢰합니다
텍스트를 벡터 패스로 정밀하고 간편하게 변환하는 완벽한 툴킷입니다.
전체 Google Fonts 라이브러리에 접근하세요. 다운로드 없이 바로 폰트를 검색, 미리보기하고 SVG 패스로 변환할 수 있습니다.
변환된 텍스트를 SVG, 레이저 커팅용 DXF, 래스터 그래픽용 PNG 또는 React/Vue 컴포넌트로 내보낼 수 있습니다.
직접 .ttf, .otf 또는 .woff2 폰트 파일을 업로드하여 SVG 패스로 변환하세요. 브랜드 폰트와 맞춤 타이포그래피에 적합합니다.
텍스트를 입력하고 설정을 조정하면 SVG 출력이 즉시 업데이트됩니다. 채우기, 윤곽선, 자간, 베지어 정밀도를 실시간으로 미세 조정하세요.
SVG 텍스트에 멋진 애니메이션을 추가하세요 — 서명 그리기, 단순 그리기, 페이드 인, 펄스 효과를 속도 조절과 함께 사용할 수 있습니다.
SVG, React JSX, Vue SFC 또는 CSS clip-path 형식의 바로 사용 가능한 코드를 제공합니다. 프로젝트에 복사하여 바로 붙여넣기하세요.
간단한 세 단계로 텍스트를 SVG로 변환하세요.
1,500개 이상의 Google Fonts에서 선택하거나 직접 폰트 파일을 업로드하세요.
텍스트를 입력하고 스타일을 조정하세요 — 채우기 색상, 윤곽선, 크기 등을 설정할 수 있습니다.
SVG, DXF 또는 PNG로 다운로드하세요. 또는 React, Vue, CSS clip-path 코드를 복사하세요.
웹 개발부터 실물 제작까지, Font to SVG가 창의적인 워크플로우를 지원합니다.
어떤 화면에서도 완벽하게 확대/축소되는 해상도 독립적 텍스트 그래픽을 만드세요. 인라인 SVG로 삽입하면 별도의 요청 없이 로딩됩니다.
브랜드 폰트를 벡터 패스로 변환하여 파비콘에서 빌보드까지 어떤 크기에서도 작동하는 로고를 만드세요.
레이저 커터, CNC 라우터, 비닐 커터에 바로 사용할 수 있는 DXF 파일을 내보내세요. 실물 제작을 위한 정밀한 벡터 패스입니다.
프레임워크에 바로 사용할 수 있는 컴포넌트를 생성하세요. 적절한 JSX/SFC 구문으로 SVG 텍스트를 React 또는 Vue 애플리케이션에 바로 적용할 수 있습니다.
다른 텍스트-SVG 변환 도구와 비교해 보세요.
| Font to SVG | texttosvg.app | google-font-to-svg-path | |
|---|---|---|---|
| 전체 Google Fonts 라이브러리 | ✓ | — | ✓ |
| 사용자 정의 폰트 업로드 | ✓ | ✓ | — |
| SVG 내보내기 | ✓ | ✓ | ✓ |
| DXF 내보내기 | ✓ | — | — |
| PNG 내보내기 | ✓ | — | — |
| React/Vue 코드 출력 | ✓ | — | — |
| SVG 애니메이션 | ✓ | — | — |
| CSS clip-path | ✓ | — | — |
| 실시간 미리보기 | ✓ | ✓ | ✓ |
| 무료 사용 | ✓ | ✓ | ✓ |