wasm-ttf2woff

A WebAssembly module to convert ttf fonts to woff.

Usage no npm install needed!

<script type="module">
  import wasmTtf2woff from 'https://cdn.skypack.dev/wasm-ttf2woff';
</script>

README

wasm-ttf2woff

NPM version Unit Tests License semantic-release

wasm-ttf2woff is an utility that converts TTF/OTF fonts to WOFF format.

It is build using WebAssembly so it can run natively in Node.js or in directly in the browser. It can be very usefull for any webfont generation tools.

WebAssembly also allows code to run much faster that pure javascript implementation.

Installation

$ npm install wasm-ttf2woff

Usage

Node.JS

import { ttf2woff } from "wasm-ttf2woff";
import { promises as fs } from "fs";

async function convert(file: string): Promise<Buffer> {
    // Read the font
    const content = await fs.readFile(file);

    // Convert the font to WOFF
    const woff = await ttf2woff(content);

    // Transform result to Node.JS Buffer
    return Buffer.from(woff);
}

Browser

import { init, ttf2woff } from "wasm-ttf2woff";

async function convert(blob: Blob): Promise<Blob> {
    // Transforms the Blob to ArrayBuffer
    const buffer = await blob.arrayBuffer();
    
    // Transforms the ArrayBuffer to Uint8Array
    const content = new Uint8Array(buffer);

    // Initialize wasm
    await init("path/to/ttf2woff.wasm");

    // Convert the font to WOFF
    const woff = await ttf2woff(content);

    // Creates a new Blob from the result
    return new Blob([woff], { type: "font/woff" });
}

Note 1: If you do not call init() before running ttf2woff, the WASM will be loaded assuming that ttf2woff.wasm is in the same directory as the current running page.

Note 2: The init() function could be called with:

  • string: the path to the WASM.
  • URL: the parsed URL to the WASM.
  • Request: a fetch preconfigured Request to the WASM.
  • Response: a fetch Response which contains the WASM.
  • ArrayBuffer: an ArrayBuffer which contains the WASM.
  • WebAssembly.Module: the WASM compiled and instantiated.

Contributing

You are very welcome to contribute to the project. Here are the instructions to build and run the project from source.

Prerequistes

Steps

# Clone the project
git clone https://github.com/touchifyapp/wasm-ttf2woff

# Move to the project dir
cd ttf2woff

# Install dependencies
npm ci

# Build the source wasm
npm run build:rust

Common tasks

# Build the full project
npm run build

# Run unit tests (needs python)
npm test

License

This project is under MIT License. See the LICENSE file for the full license text.