Interface BitmapFontOptions

Example

import { BitmapFont, Texture } from 'pixi.js';

// Create a bitmap font from loaded textures and data
const font = new BitmapFont({
    // Font data containing character metrics and layout info
    data: {
        pages: [{ id: 0, file: 'font.png' }],
        chars: {
            '65': { // 'A'
                id: 65,
                page: 0,
                x: 0,
                y: 0,
                width: 32,
                height: 32,
                xOffset: 0,
                yOffset: 0,
                xAdvance: 32,
                letter: 'A'
            }
            // ... other characters
        },
        fontSize: 32,
        lineHeight: 36,
        baseLineOffset: 26,
        fontFamily: 'MyFont',
        // Optional distance field info for MSDF/SDF fonts
        distanceField: {
            type: 'msdf',
            range: 4
        }
    },
    // Array of textures containing the font glyphs
    textures: [
        Texture.from('font.png')
    ]
});
Copy