Webfont Bundler 무료 다운로드·설치 방법, TTF를 WOFF2로 변환하고 CSS 만들기 (Linux Flatpak)
Webfont Bundler는 Linux에서 TTF·OTF 글꼴을 WOFF·WOFF2와 @font-face CSS로 만드는 무료 앱입니다. 공식 GNOME 제품 페이지는 Flathub 설치를 안내하며, Flathub에 표시된 안정 버전은 1.3.0입니다. Linux에 Flatpak과 Flathub가 준비돼 있어야 하고, 설치 화면에서는 com.rafaelmardojai.WebfontKitGenerator 앱 ID를 확인하세요. 글꼴을 웹에 게시할 계획이라면 변환 전에 해당 글꼴의 라이선스도 확인해야 합니다.
Webfont Bundler Linux Flatpak 설치 파일
Linux x86_64·aarch64용 Flathub 앱입니다. 제품명은 Webfont Bundler이고 설치 ID에는 WebfontKitGenerator라는 예전 이름이 남아 있습니다.
Linux용 파일과 앱 ID 확인
이번에 확인한 공식 배포는 Flathub의 무료 Linux Flatpak입니다. 지원 아키텍처는 x86_64와 aarch64로 표시됩니다. 앱 이름은 Webfont Bundler이지만 ID는 com.rafaelmardojai.WebfontKitGenerator이므로 설치 화면에 예전 이름이 섞여 보여도 두 표기를 함께 대조하면 됩니다.
받는 .flatpakref는 완성된 앱을 그대로 실행하는 파일이 아니라 Flatpak에 설치 대상을 알려 주는 참조 파일입니다. Linux에 Flatpak이 없거나 Flathub가 연결되지 않았다면 파일만 저장해도 프로그램이 앱 목록에 생기지 않습니다. 배포판의 Flatpak·Flathub 설정을 먼저 확인해야 합니다.
Flathub 목록의 현재 안정 버전 표시는 1.3.0입니다. Windows에서 확장자를 바꿔 EXE처럼 열거나 Android에 설치하지 마세요. 운영체제가 Linux가 아니라면 이 파일을 설치 대상으로 고를 수 없습니다. Linux에서도 현재 컴퓨터 아키텍처가 Flathub의 지원 목록과 맞는지 살펴보세요.
- Linux에 Flatpak과 Flathub가 준비돼 있는지 확인합니다.
- 설치 화면에서 Webfont Bundler와 앱 ID를 함께 대조합니다.
- 실제 앱 설치가 끝날 때까지 진행한 뒤 앱 목록에서 실행합니다.
설치 후 TTF·OTF로 첫 결과 만들기
설치가 끝나면 Webfont Bundler를 열어 첫 화면의 Open Fonts를 찾으세요. 글꼴 파일을 불러오면 패밀리·스타일·굵기가 목록에 표시됩니다. 파일을 추가하기 전에는 변환할 대상이 없으므로, 먼저 웹 사용 권한이 있는 TTF나 OTF 원본을 준비해야 합니다.
Options에서 WOFF2를 켜고 필요에 따라 WOFF도 선택합니다. Subsetting은 필요한 문자만 남겨 크기를 줄일 때 쓰지만 한글이 빠질 수 있으므로 첫 변환에서는 전체 글꼴로 결과를 확인하는 편이 안전합니다. CSS의 Base64 Encode와 font-display 설정도 보이지만, 용도를 모른 채 모두 바꿀 필요는 없습니다.
하단 Select Output Directory에서 폴더를 고른 다음 Generate를 누릅니다. 완료 화면의 link 또는 @import 코드는 생성한 CSS를 사이트에 연결하는 예시입니다. 출력 폴더의 CSS와 WOFF2 파일을 확인하고, 웹 서버에 옮긴 실제 위치에 맞춰 코드 경로를 바꿔야 글꼴이 표시됩니다.
- Open Fonts에서 TTF 또는 OTF 파일을 불러옵니다.
- WOFF2 등 필요한 출력 형식을 고르고 폴더를 지정합니다.
- Generate 후 결과 파일과 CSS 연결 코드를 확인합니다.
파일을 받거나 설치하는 중 막힐 때
.flatpakref를 받았는데 프로그램이 보이지 않으면 참조 파일만 저장한 상태인지 살펴보세요. Flatpak 설치 도구가 열리고 Flathub에서 앱을 가져오는 과정까지 끝나야 합니다. 설치 도구가 대상 저장소를 찾지 못한다면 Flatpak과 Flathub 설정을 점검하세요.
설치는 끝났는데 Open Fonts로 파일을 넣지 못한다면 선택한 파일 확장자가 TTF·OTF인지 확인하고, 파일 접근 권한이 있는 위치에서 다시 선택해 보세요. 앱 화면에 글꼴 목록이 비어 있다면 출력 옵션보다 입력 파일을 먼저 확인해야 합니다.
변환이 완료돼도 웹사이트에서 글꼴이 보이지 않는다면 앱 설치를 반복하기보다 출력 폴더의 CSS와 WOFF2 경로를 검사하세요. 일부 한글만 빠진다면 Subsetting을 끄고 다시 생성해 비교할 수 있습니다. 사용하려는 글꼴의 웹 배포 권한도 파일을 서버에 올리기 전에 확인하세요.
자주 묻는 질문
Webfont Bundler 파일은 무료인가요?
네. 공식 Flathub 목록에서 Free로 표시됩니다. 글꼴 파일의 라이선스는 따로 확인해야 합니다.
정확한 설치 앱 ID는 무엇인가요?
com.rafaelmardojai.WebfontKitGenerator입니다. 제품명은 Webfont Bundler로 표시됩니다.
Windows에서 설치할 수 있나요?
이번 공식 파일은 Linux Flatpak 참조 파일이며 Windows EXE가 아닙니다.
파일을 저장하면 설치가 끝나나요?
아니요. Flatpak이 Flathub에서 실제 앱을 받아 설치해야 앱 목록에 나타납니다.
설치 후 무엇부터 하나요?
Open Fonts로 TTF·OTF 글꼴을 불러오고 출력 폴더를 지정해 Generate합니다.
설치 대상과 첫 변환 결과를 차례로 확인하세요
Linux에서 Webfont Bundler 1.3.0 Flatpak 설치를 마친 뒤 앱 목록에서 실행하세요. Open Fonts로 글꼴을 추가하고 WOFF2와 출력 폴더를 선택해 Generate하면 첫 웹폰트 묶음을 만들 수 있습니다.
파일만 저장하고 앱이 보이지 않으면 Flatpak 설치가 완료됐는지 확인하세요. 결과가 만들어진 뒤에는 CSS와 WOFF2가 같은 웹 경로에서 정상적으로 열리는지 살펴보고, 글꼴 라이선스에 맞게 사용하면 됩니다.