fonthx

Fonthx : Haxe에 대한 간단한 트루 타입 생성

• Haxe로 작성된 매우 기본적인 글꼴 생성 라이브러리 (Truetype/CFF 개요가 포함 된 OpenType)
• fontruct에서 사용하는 글꼴 생성 모듈의 핵심
• 글꼴 생성 도구를 만들고자하는 Haxe (또는 기타) 개발자를 대상으로
• Nodejs, JS, CPP, C# 및 Java 대상으로 작업해야합니다. 당신이 운이 좋으면 너무 wasm.
• 겹치지 않으며 제거되지 않습니다!

예

https://fontstruct.github.io/fonthx/

설치

1. 이 저장소로 git로 복제하여 컴퓨터의 폴더로 복제하십시오.

    git clone [email protected]:FontStruct/fonthx.git
   

2. https://haxe.org/download/에서 Haxe, EG 설치
   현재 Haxe 4.2를 지원합니다 (Haxe 3.4에있는 경우 태그 0.04 사용).

3. Haxe 의존성을 설치하십시오

lix (선호) :

 lix download

Haxelib (Haxelib에 설치하는 사람은 누구나이 문제를 먼저 확인해야합니다)

    haxelib install haxelib.json

1. 노드를 컴파일하려면 nodejs를 설치해야합니다. Java를 컴파일하려면 Java JDK를 설치해야합니다. 아래에 나열된 기타 요구 사항. Windows에서 일부 경로를 조정해야 할 수도 있습니다.

노드에 대해 시도하십시오

짓다:

 haxe build/examples/pixelfonter/pixelfonter-node.hxml

이렇게하면 Pixelfonter 예제가 작성되어 PNG 이미지에서 트루 타입 글꼴이 생성됩니다.

이제 실행 :

 node dist/examples/pixelfonter/node/PixelFonterApp.js -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

Java와 같은 것을 시도하십시오

짓다:

 haxe build/examples/pixelfonter/pixelfonter-java.hxml

달리다:

 java -jar dist/examples/pixelfonter/java/PixelFonterApp.jar -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

또는 CFF 윤곽선이있는 글꼴의 경우 :

 java -jar dist/examples/pixelfonter/java/PixelFonterApp.jar -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.otf -f otf    

기본 C ++에 대해서도 같은 것을 시도하십시오

짓다:

 haxe build/examples/pixelfonter/pixelfonter-cpp.hxml

달리다:

 dist/examples/pixelfonter/cpp/PixelFonterApp -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

그리고 C#!?!

OSX 또는 Linux 에서이 예제를 구축하고 실행하려면 Mono, 예를 들어 BREW 설치 Mono를 설치해야합니다.

짓다:

 haxe build/examples/pixelfonter/pixelfonter-cs.hxml

달리다:

 mono dist/examples/pixelfonter/cs/bin/PixelFonterApp.exe -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

간단한 GUI가있는 브라우저에서

 haxe build/examples/pixelfonter/pixelfonter-js.hxml    

-이 예를 보려면 웹 서버를 Dist/examples/pixelfonter/js/index.html로 가리켜 야합니다.

그리고 심지어 WASM!

이것은 복잡하고 불안정합니다 - 모험.

 HXCWD=`pwd` haxe build/examples/pixelfonter/pixelfonter-wasm.hxml     

- 이것을 컴파일하려면 emscripten을 설정해야합니다. 또한 웹 서버를 dist/examples/pixelfonter/wasm/index.html에서 지적해야합니다. 가장 쉬운 방법은 Emrun 예를 들어입니다

 emrun --no_emrun_detect --browser chrome dist/examples/pixelfonter/wasm/PixelFonterBrowserApp-debug.html

(초기화하는 데 시간이 걸릴 수 있습니다)

개발 및 테스트

개발 도구 (Gulp) 설정 :

 npm install gulp-cli -g
npm install

사양 실행 :

 gulp specs

또는 사양을 개발하고 실행합니다.

 gulp specs-watch

Pixelfonter 예제 앱 (노드 대상)을 사용하여 개발 :

 gulp pixelfonter-watch

사용 가능한 모든 Gulp 작업을 표시하십시오.

 gulp --tasks

글꼴 생성 도구를 구축하십시오

안내에 대한 Pixelfonter 예제, 특히 Pixelfonter를보십시오.

당신은 필요합니다 :

1. IFONT 구현 글꼴 클래스 생성 (선택적으로 AbstractFont 확장)
2. Icontourglyph 구현 Glyph 클래스 만들기 (선택적으로 AbstractContourgllyph 확장)
3. 글꼴 클래스를 인스턴스화하고 글리프를 추가하십시오.
4. OpenTypeBuilder를 사용하여 Truetype 바이트를 얻으십시오