SVG / 레터링

텍스트를 SVG로: 글꼴 외곽선과 패스

포함된 Latin 글꼴 또는 로컬 TTF, OTF, WOFF 파일을 사용해 텍스트를 SVG 패스로 변환합니다. 크기, 문자 간격, 줄 높이, 정렬과 색상을 조정한 다음 SVG 또는 PNG를 다운로드합니다.

텍스트를 SVG로: 글꼴 외곽선과 패스: 텍스트를 입력하고 포함된 글꼴 중 하나를 선택하거나 TTF, OTF 또는 WOFF 파일을 불러오면 문자가 SVG 외곽선으로 변환됩니다. 따라서 해당 글꼴이 설치되지 않은 환경에서도 결과가 동일하게 표시됩니다. 크기, 문자 간격, 줄 높이, 정렬, 채우기와 선을 조정한 다음 SVG를 복사하거나 SVG 또는 PNG로 다운로드합니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.

카테고리
개발자 도구
실행 횟수
브라우저에서
비용
무료 · 가입 불필요
사용 가능 여부
사용 가능
텍스트를 SVG 경로로 변환로컬 처리

브라우저에서 전부 실행됩니다

TTF, OTF 또는 WOFF · 최대 10 MB

글꼴 로드 중…

여기에 글자가 표시됩니다.편집 가능한 윤곽선을 만들 텍스트를 입력하십시오.

내장 라틴 글꼴에는 SIL Open Font Licence가 적용됩니다. 업로드한 글꼴은 로컬에만 저장되며 라이선스에 대한 책임은 사용자에게 있습니다. 커닝이 활성화되어 있습니다. 복잡한 문자 스크립트의 셰이핑은 글꼴과 파서에 따라 달라집니다. PNG 내보내기는 긴 변이 4096픽셀로 제한됩니다.

SVG 도형 편집

SVG 경로

SVG 2 경로 사양은 경로 명령과 닫힌 하위 경로를 정의합니다. https://www.w3.org/TR/SVG2/paths.html

글꼴 파서

글꼴은 MIT 라이선스 오픈 소스 라이브러리인 opentype.js 2.0.0을 사용해 브라우저에서 읽습니다. WOFF2 파일은 지원되지 않으므로 먼저 WOFF, TTF 또는 OTF로 변환하십시오. 문맥 대체 및 특정 커닝 테이블과 같은 일부 고급 글꼴 기능은 적용되지 않으므로 워드 프로세서와 비교해 간격이 약간 다를 수 있습니다. https://github.com/opentypejs/opentype.js

포함된 글꼴 출처

수정되지 않은 Latin WOFF 리소스는 Fontsource 패키지에서 가져옵니다: https://fontsource.org/fonts/inter ; https://fontsource.org/fonts/oswald ; https://fontsource.org/fonts/pacifico ; https://fontsource.org/fonts/lobster . 각 글꼴의 저작권 고지와 전체 SIL Open Font 라이선스 내용은 글꼴 파일과 함께 공개됩니다.

사용 방법

  1. 텍스트를 입력하고 포함된 글꼴을 선택하거나 직접 글꼴 파일을 끌어다 놓습니다.
  2. 크기, 간격, 정렬, 채우기와 선을 설정하고 외곽선을 확인합니다.
  3. SVG 패스를 복사하거나 다운로드하고 PNG로 내보냅니다.

개인정보 보호 및 제한사항

텍스트와 업로드한 글꼴은 브라우저에 남습니다. 포함된 WOFF 파일은 이 사이트에서 불러오며, 외부 글꼴 서비스는 사용하지 않습니다.

관련 도구

SVG 편집기SVG 웨이브SVG 블롭

자주 묻는 질문

어떤 글꼴이 포함되어 있나요?

Inter와 Oswald의 일반 및 굵게 스타일, 그리고 Pacifico와 Lobster의 일반 스타일이 포함되어 있습니다. 이 Latin 하위 집합은 SIL OFL 1.1에 따라 수정 없이 재배포됩니다. 각 라이선스는 /fonts/text-to-svg/에 있습니다. 업로드한 글꼴의 라이선스는 사용자가 책임져야 합니다.

일부 글자가 디자인 애플리케이션과 다르게 표시되는 이유는 무엇인가요?

파서는 일부 글자 조합 및 위치 지정 테이블만 지원합니다. 지원되지 않는 문맥별 대체는 직접 문자 글리프로 대체되며, 안내문에 이 제한이 표시됩니다. Inter를 포함한 일부 글꼴에는 커닝 쌍을 사용할 수 없을 수 있는 위치 지정 테이블이 있습니다. 복잡한 문자 체계와 색상 글꼴은 다르게 표시될 수 있습니다.

SVG에서 텍스트를 편집할 수 있나요?

아니요. SVG에는 외곽선이 포함되므로 원본 글꼴이 없어도 표시됩니다. 빈 줄은 기준선 간격에 영향을 주며, viewBox는 실제 잉크가 표시되는 영역에 맞춰 잘립니다. PNG 출력의 가장 긴 변은 4096픽셀로 제한됩니다.

무료 도구 · 브라우저에서회 실행 · 계정 불필요