opentype svg

OpenType-SVG 글꼴을 만드는 도구

• AddSVG는 제공된 SVG 파일을 사용하여 SVG 테이블을 글꼴에 추가합니다. 글꼴의 형식은 OpenType 또는 TrueType 일 수 있습니다.

• DUMPSVG는 글꼴 SVG 테이블의 내용을 개별 SVG 파일로 저장합니다. 글꼴의 형식은 OpenType, Truetype, Woff 또는 Woff2 일 수 있습니다.

• FONTS2SVG는 각각 하나 이상의 글꼴과 16 진수에서 SVG 글리프 파일 세트를 생성합니다. 글꼴의 형식은 OpenType, Truetype, Woff 또는 Woff2 일 수 있습니다.

의존성

• 파이썬 3.6 이상

• FontTools 3.1.0 이상

설치 지침

• Python 3.6 (또는 더 높은)이 설치되어 있는지 확인하십시오.

  python --version

• 가상 환경 설정 :

  python -m venv ot-svg

• 가상 환경 활성화 :

  • Macos & Linux

     source ot-svg/bin/activate

  • 창

    ot-svg S cripts a ctivate.bat

• OpentyPesvg 설치 :

  python -m pip install opentypesvg

OpenType-SVG 글꼴을 만드는 방법?

1 단계

일련의 글꼴과 색상 값에서 SVG 파일 세트를 생성합니다.

 fonts2svg -c 99ccff,ff0066,cc0066 fonts/Zebrawood-Shadow.otf fonts/Zebrawood-Fill.otf fonts/Zebrawood-Dots.otf

2 단계

기존 OpenType (또는 Truetype) 글꼴에 SVG 파일 세트를 추가하십시오.

 addsvg fonts/SVGs fonts/Zebrawood.otf

---

1 단계를 수행하지 않고 2 단계를 사용할 수 있지만 AddSVG 도구를 사용할 때 알아야 할 몇 가지 사항이 있습니다.

• SVG 파일에 저자 응용 프로그램 (예 : Adobe Illustrator, CorelDraw!, Inkscape)이 저장된 후 SVG 코드를 최적화하고 정리하는 프로세스를 통해 사용해야합니다. 결과 아트 워크를 동일하게 유지하면서 파일 크기가 얇아집니다. 이 단계에서는 이러한 도구 중 하나를 사용할 수 있습니다.

  • SVG 클리너 (GUI 버전)
  • SVG 클리너 (명령 줄 버전)
  • SVG Optimizer
  • 설사
  • picoSVG

• AddSVG 는 SVG 파일을 연관해야 할 글리프에 따라 명명되어야합니다. 예를 들어, 글꼴의 Glyph가 Ampersand 라는 이름을 사용하는 경우 SVG 파일의 이름은 ampersand.svg 입니다.

• AddSVG는 컬러 아트 워크가 글꼴의 글리프 (일반적으로 1000 또는 2048 UPM)와 같은 크기로 설계 될 것으로 기대합니다. 이는 저자 앱의 1 점 (PT)이 글꼴 좌표의 1 단위와 같습니다. 아트 워크의 캔버스 크기가 글꼴의 UPM 값과 같지 않은 경우 -k 옵션을 사용하여 도구가 SVG의 viewBox 매개 변수를 제거하지 못하게합니다. viewBox 매개 변수를 유지하면 아트 워크가 뷰포트의 전체 범위 (즉, 글꼴의 UPM)까지 확장 될 수 있습니다.

• 아트 워크의 <svg> 요소에 height 및/또는 width 매개 변수가 포함 된 경우 제거하십시오. 그렇지 않으면 아트 워크의 크기가 고정되어 있으며 뷰포트의 전체 범위까지 확장 할 수 없습니다.