거꾸로 된 글리프 : Autotrace를 통해 비트 맵> SVG> FontForge를 통해 글리프

StackOverflow https://stackoverflow.com//questions/12713444

문제

font / glyph를 작성하려고합니다 :

  • 비트 맵 이미지 복용
  • 자동 트레이를 사용하여 SVG 생성 (Linux에서)
  • Python-FontForge (glyph.importoutlines (svgfile))가있는 Glyph로 개요를 가져 오는

이것은 (이미지 참조)의 결과 글리프를 제외하고는 을 제외합니다.이것이 어떻게 방지 될 수 있는지, SVG 또는 글리프가 어떻게 반전 될 수 있는지, 또는 그런

소스 비트 맵 : 소스 비트 맵

AutoTraced SVG : 여기에 이미지 설명

결과 글꼴 : 여기에 이미지 설명

도움이 되었습니까?

해결책

가 AutoTrace 대신 relins.noreferrer"> rotrace 를 사용하여이를 해결했습니다.

참조를 위해 다음 단계입니다.

비트 맵을 SVG로 변환 (Linux 명령 행) : 

potrace -s sourceimg.bmp
.

SVG를 Glyph (Python)로 사용 : 

import fontforge
font = fontforge.open('blank.sfd')
glyph = font.createMappedChar('A')
glyph.importOutlines('sourceimg.svg')
font.generate('testfont.ttf')
.

웹 사이트에서 사용하기위한 결과 :

CSS : 

@font-face
{
font-family: testfont;
src: url('testfont.ttf');
}
.

html : 

<span style="font-family:testfont; font-weight:normal; color:green;">A</span>
<span style="font-family:testfont; font-weight:bold; color:green;">A</span>
.

여기에 이미지 설명

다른 팁

경로를 반전 시도 할 수 있습니다. FontForge에 옵션이 있는지 확실하지는 않지만 Inkscape (Path> Reverse)로 할 수 있습니다.

귀하의 글리프가 손으로 그려져있는 것 같습니다. 수십이나 수백 개의 글리프로 전체 TTF 글꼴을 만들고 싶다면 예를 들어 고려할 수 있습니다. 손으로 그려진 글꼴을 생성하는 데 사용했던 ScanAhand 템플릿을 사용합니다. 이는 오른쪽 수직 위치에 있도록 문자 (또는 붙여 넣기)를 그립니다. 수평 위치 (및 간격)는 적어도 [A-ZA-Z]에서 자동으로 계산됩니다 (미래의 다른 문자도있을 수 있음).

그러나 솔루션 솔루션 무료 또는 오픈 소스 도구를 사용하고 있기 때문에 모든 것을 거의 완전히 완전히 제어 할 수 있기 때문입니다 (예 : . 간격). 그리고 Potrace와 Fontforge를 사용하는 가장 훌륭한 것은 당신이 즉시 할 수 있거나 온라인 글꼴 생성 서비스를 만들 수 있다는 것입니다! Potrace는 AS3 (IT 작동, 테스트, 테스트, 이제 JS ( https://github.com/antimatter15/js-potrace 또는 https://github.com/dunvi/potrace-js )를 통해 실시간 미리보기 창을 만들 수 있습니다. Potrace 매개 변수가 변경되면 벡터화 결과가 변경되는 방법을 보여줍니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top