@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md

Fontory - 손글씨 폰트 자동 생성 서비스

프로젝트 개요

Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.

구조

Architecture Diagram

주요 기능 요약

  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계

시스템 구성 요소

1. Frontend (Fontory_React)

  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공

2. Backend (Fontory_SpringBoot)

  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)

  • 설명:

    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공

3. Pipeline (Fontory_Pipeline)

  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker

  • 설명:

    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행

기술 스택 요약

구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki

결과

record.mp4

License

This project is distributed under the MIT License. See the LICENSE file for details.

Third-Party Licenses

  • DM-Font (Naver Clova AI Research) is licensed under the MIT License. The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.

© 2025 Fontory Team. All rights reserved.

Popular repositories Loading

  1. Fontory_SpringBoot Fontory_SpringBootPublic

    A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java 1

  2. Fontory_Pipeline Fontory_PipelinePublic

    A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python

  3. .github .githubPublic

  4. Fontory_FE Fontory_FEPublic

    손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories

Top languages

Loading…

Most used topics

Loading…

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
@team-fontory

Fontory

손글씨 폰트 제작 서비스
README.md
Fontory - 손글씨 폰트 자동 생성 서비스
프로젝트 개요
Fontory는 사용자의 손글씨를 입력 받아 개인화된 TrueType 폰트(.ttf) 파일을 자동 생성해주는 웹 기반 서비스입니다. 사용자는 지정된 48자 분량의 손글씨 샘플을 제출하면, Naver Clova Ai Reaserch의 DM-Font 모델을 통해 해당 손글씨 스타일의 글꼴 파일을 얻을 수 있습니다.
구조
Architecture Diagram
주요 기능 요약
  • 손글씨 기반 폰트 생성: 단 몇 글자의 손글씨 샘플로 전체 글꼴을 자동 생성
  • 개인화된 폰트 다운로드: TTF 및 웹폰트(WOFF) 형식으로 제공
  • 비동기 처리: AWS S3, SQS 기반의 큐잉 시스템으로 안정적인 작업 처리
  • 모니터링 및 로깅: Grafana/Prometheus 메트릭, Loki 로그 집계
시스템 구성 요소
1. Frontend (Fontory_React)
  • 기술 스택: React, Vite
  • 설명: SPA 형태의 웹 앱으로, 손글씨 업로드 UI, 진행상황 표시, 결과 다운로드 화면 제공
2. Backend (Fontory_SpringBoot)
  • 기술 스택: Spring Boot, Spring Security (OAuth2 + JWT), Spring Data JPA, MariaDB, Redis, AWS SDK (S3, SQS)
  • 설명:
    • 사용자 인증 및 관리
    • 손글씨 이미지 업로드 → S3 저장 → SQS 메시지 발행
    • 파이프라인 처리 결과를 S3에서 조회하여 다운로드 API 제공
3. Pipeline (Fontory_Pipeline)
  • 기술 스택: Python, FastAPI, PyTorch, OpenCV, Pillow, svgpathtools, fontTools(FontForge), Docker
  • 설명:
    1. 이미지 분할(글리프 크롭)
    2. 딥러닝 추론(DM-FONT 모델)
    3. 벡터화(SVG 변환)
    4. 폰트 파일 생성(TTF, WOFF)
    5. 결과 파일 S3 업로드
    • AWS SQS 메시지 기반 비동기 워커로 동작
    • Docker 컨테이너 격리 실행
기술 스택 요약
구성 요소기술 스택
FrontendReact, Vite, CSS/Sass
BackendSpring Boot, OAuth2, JWT, JPA, MariaDB, Redis, AWS S3/SQS
PipelineFastAPI, PyTorch, OpenCV, svgpathtools, fontTools, Docker
InfraAWS (EC2, S3, SQS, Lambda, CloudFront), Grafana, Prometheus, Loki
결과
record.mp4
License
This project is distributed under the MIT License. See the LICENSE file for details.
Third-Party Licenses
  • DM-Font (Naver Clova AI Research) is licensed under the MIT License.
The above copyright notice and permission notice from DM-Font's repository must be included in all copies or substantial portions of the software.
© 2025 Fontory Team. All rights reserved.

Popular repositories
Loading
  1. 
Fontory_SpringBoot
Fontory_SpringBootPublic
    
A Spring Boot backend for a handwriting-to-font generation service. it handles OAuth2/JWT authentication, S3 file uploads, SQS-based font processing requests, and RESTful APIs for managing users, f…

    Java
1

  2. 
Fontory_Pipeline
Fontory_PipelinePublic
    
A FastAPI & inference model backend for a handwriting-to-font generation service. A FastAPI-based pipeline that generates custom TTF fonts from user handwriting. It integrates image cropping, deep …

    Python
  3. 
.github
.githubPublic
  4. 
Fontory_FE
Fontory_FEPublic
    
손글씨 폰트 제작 및 합성 서비스

    TypeScript

Repositories

Showing 4 of 4 repositories
Top languages
Loading…
Most used topics
Loading…