Online konvertor BDF do WOFF zdarma

Webová stránka nebo aplikace založená na browseru může vyžadovat webový font WOFF, zatímco dostupný typeface existuje pouze jako bitmapový font BDF. Převod vyžaduje zabalení fontu pro použití na webu a obvykle také trasování jeho bitmapových glyphů do škálovatelných obrysů.

Co je formát BDF

BDF neboli Bitmap Distribution Format je člověkem čitelný textový formát pro bitmapové fonty. Každý glyph ukládá pixelovou matici, kódování znaků, advance width a další metriky pro jednu nebo více pevných pixelových velikostí.

Soubory BDF jsou běžné v X Window System, terminálových prostředích, embedded displejích a při vývoji Unix fontů. Font editory a utility, jako je FontForge, je mohou vytvářet nebo exportovat; projekty jako GNU Unifont také distribuují soubory BDF. S formátem BDF se setkáte tehdy, když font musí zachovat přesné pixely displeje s nízkým rozlišením namísto plynulého škálování.

Co je formát WOFF

WOFF neboli Web Open Font Format zabalí font OpenType nebo TrueType pro použití s CSS @font-face. Podporuje kompresi, metadata, mapování Unicode a fontové tabulky používané moderními browsery.

WOFF je vhodný pro poskytování typeface z webové stránky bez nutnosti, aby si uživatelé instalovali zdrojový font. Obvykle je menší než nekomprimovaný desktopový font, ale automaticky nepřevádí bitmapové glyfy na škálovatelné obrysy. WOFF2 je obecně menší než WOFF, ačkoli stránka může konkrétně vyžadovat starší formát WOFF.

Jak skutečně převést BDF na WOFF

FontForge je pro tento převod nejpraktičtější desktopový nástroj, protože dokáže otevřít BDF, převést bitmapové glyfy na obrysy a vygenerovat WOFF.

1. Nainstalujte FontForge a otevřete soubor .bdf pomocí File → Open.
2. Zkontrolujte sadu glyphů, kódování, pixelovou velikost, advance widths a název family. Před generováním webového fontu opravte chybějící přiřazení Unicode.
3. Vyberte glyfy a pomocí Element → Autotrace převeďte bitmapové glyfy na vektorové obrysy. Autotracing je obvykle nutný pro širokou kompatibilitu s browsery; výsledkem nebude přesná reprezentace BDF pixel za pixelem.
4. Prohlédněte reprezentativní glyfy při několika úrovních zvětšení. Odstraňte náhodné kontury, opravte nespojené tvary a zkontrolujte, zda interpunkce a znaky s diakritikou mají správné side bearings.
5. Použijte File → Generate Fonts, jako výstupní formát zvolte WOFF, vyberte název výstupního souboru, například font.woff, a soubor vygenerujte.
6. Výsledek poskytujte pomocí odpovídajícího pravidla CSS, například @font-face { font-family: 'ConvertedFont'; src: url('font.woff') format('woff'); }. Otestujte font v browserch a velikostech fontu používaných webovou stránkou.

Vestavěný converter na 101convert.com může soubor také bezplatně převést bez instalace software. Jeho výstup pečlivě ověřte, protože automatická služba může zachovat bitmapový font, zvolit jinou metodu trasování nebo změnit názvy a metadata Unicode.

Kvalita, kompatibilita a omezení

Hlavním omezením je rozdíl mezi formáty: BDF zaznamenává pixely v pevném rozlišení, zatímco u webového fontu se obvykle očekávají škálovatelné obrysy. Autotracing může vytvářet zubaté rohy, nadměrné množství uzlů, nerovnoměrné šířky tahů a špatné vykreslování v malých velikostech. Pro profesionální výsledek může být nutné ruční čištění ve FontForge.

Pokud BDF obsahuje pouze jednu bitmapovou velikost, vygenerovaný WOFF nedokáže přesně reprodukovat vzhled jiných velikostí. Původní BDF si ponechte pro archivaci nebo pixelově přesné použití a uchovejte také zdrojový projekt, pokud bude font později upravován.

Před publikováním WOFF zkontrolujte licenci BDF. Otestujte také pokrytí Unicode, text psaný zprava doleva, combining marks, kerning, metriky baseline a fallback behavior; úspěšný převod souboru nezaručuje správný text shaping.