diff --git a/package-lock.json b/package-lock.json
index 4e9fbc6..4f0555c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
 			"version": "0.0.1",
 			"devDependencies": {
 				"@fortawesome/fontawesome-free": "^6.6.0",
+				"@leaningtech/cheerpx": "latest",
 				"@oddbird/popover-polyfill": "^0.4.4",
 				"@rollup/plugin-commonjs": "^24.0.0",
 				"@rollup/plugin-node-resolve": "^15.0.0",
@@ -529,6 +530,12 @@
 				"@jridgewell/sourcemap-codec": "^1.4.14"
 			}
 		},
+		"node_modules/@leaningtech/cheerpx": {
+			"version": "0.9.1",
+			"resolved": "https://registry.npmjs.org/@leaningtech/cheerpx/-/cheerpx-0.9.1.tgz",
+			"integrity": "sha512-2cFVDZwYexU7xe/Tv6TfTDlh3ccTDMskL+zeiGrOPKva1vug2wQyntWSSGpw25VsfN9n/5cuvGZiaxQeUqZPJA==",
+			"dev": true
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/package.json b/package.json
index 1901e31..b74661c 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
 	},
 	"devDependencies": {
 		"@fortawesome/fontawesome-free": "^6.6.0",
+		"@leaningtech/cheerpx": "latest",
 		"@oddbird/popover-polyfill": "^0.4.4",
 		"@rollup/plugin-commonjs": "^24.0.0",
 		"@rollup/plugin-node-resolve": "^15.0.0",
diff --git a/src/App.svelte b/src/App.svelte
index 326d0ee..9fde8d3 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -5,6 +5,7 @@
 	import { WebLinksAddon } from '@xterm/addon-web-links';
 	import Nav from 'labs/packages/global-navbar/src/Nav.svelte';
 	import SideBar from './SideBar.svelte';
+	import * as CheerpX from '@leaningtech/cheerpx';
 
 	var term = new Terminal({cursorBlink:true, convertEol:true, fontFamily:"monospace", fontWeight: 400, fontWeightBold: 700});
 	var fitAddon = new FitAddon();