JSFiddle - React, Tailwind, and code Playground

by UlyssesZhan

HTML

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

JavaScript

PIXI.Assets.load({
	src: 'https://fastly.jsdelivr.net/gh/kaio/wangfonts/TrueType/wt071.ttf',
	loadParser: 'loadWebFont',
	data: { family: 'HanWangShinSuMedium-Regular' }
}).then(font => {

	const app = new PIXI.Application({ autoStart: false });
	document.body.appendChild(app.view);

	const text = new PIXI.Text('\u2190\u2191\u2192\u2193', {
		fontSize: 100,
		fill: 0xffffff,
		fontFamily: 'HanWangShinSuMedium-Regular'
	});
	text.x = 100;
	text.y = 100;
	app.stage.addChild(text);
	
	const text2 = new PIXI.Text('x\u2190\u2191\u2192\u2193', {
		fontSize: 100,
		fill: 0xffffff,
		fontFamily: 'HanWangShinSuMedium-Regular'
	});
	text2.x = 100;
	text2.y = 300;
	app.stage.addChild(text2);

	app.render();
	
});