JSFiddle - React, Tailwind, and code Playground

by Bouh

HTML

<script src="https://pixijs.download/dev/pixi.min.js"></script>

CSS

body { margin: 0; padding: 0 }

JavaScript

const app = new PIXI.Application({
	backgroundColor: 0x1099bb,
	width: 1900,
});
document.body.appendChild(app.view);

const size = 150;

const style = new PIXI.TextStyle({
	fontFamily: 'Arial',
	fontSize: size
});

const font = PIXI.BitmapFont.from("fontName", style);

for (const id in font.pageTextures) {
  document.body.appendChild(font.pageTextures[id].baseTexture.resource.source);
}

const bitmapFontText = new PIXI.BitmapText('Bitmap Text test', {
    fontName: 'fontName',
	fontSize: size,
		
});

bitmapFontText.x = 10;
bitmapFontText.y = 10;

app.stage.addChild(bitmapFontText);