inserting head at plugin startup

src/disabled/disabled-ui.scss

@@ -1,7 +1,7 @@
 @import 'colors';
 
 .edit-button {
-	font-family: sans-serif;
+	font-family: Lato, sans-serif;
 	position: absolute;
 	top: 0;
 	left: 0;

src/editor-view/editor-view.scss

@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
 @import 'colors';
 
 phred-editor-view {

src/editor-view/editor-view.ts

@@ -20,11 +20,6 @@ export class EditorView extends Widget {
 
 		Editor.data.onSelectedObjectChanged.add(this.selectObject, this);
 
-		const script = document.createElement('script');
-		script.src = 'https://kit.fontawesome.com/7ba4e59e46.js';
-		script.crossOrigin = 'anonymous';
-		document.head.appendChild(script);
-
 		const leftPanel = this.appendChild(document.createElement(Panel.tagName) as Panel);
 		leftPanel.classList.add('left', 'small');
 		this.panels.push(leftPanel);

src/editor.window.ts

@@ -5,7 +5,7 @@ import { BooleanPropertyEditor } from 'editor-view/properties/editors/boolean/bo
 import { NumberPropertyEditor } from 'editor-view/properties/editors/number/number-property-editor';
 import { PointPropertyEditor } from 'editor-view/properties/editors/point/point-property-editor';
 import { StringPropertyEditor } from 'editor-view/properties/editors/string/string-property-editor';
-import { ReferenceImage } from 'index';
+import { ReferenceImage } from 'scene-view/reference-image';
 import { SceneView } from 'scene-view/scene-view';
 import { Plugin } from './plugin';
 

src/plugin.ts

@@ -8,12 +8,34 @@ export class Plugin extends Phaser.Plugin {
 
 	public constructor(game: Phaser.Game) {
 		super(game, game.plugins);
+		this.insertHead();
 
 		this.editorWindow = new EditorWindow();
 		this.disabledUI = new DisabledUI();
 		this.disabledUI.onclick = this.enableEditor.bind(this);
 	}
 
+	private insertHead() {
+		const head = document.head;
+		const script = document.createElement('script');
+		script.src = 'https://kit.fontawesome.com/7ba4e59e46.js';
+		script.crossOrigin = 'anonymous';
+		head.appendChild(script);
+
+		let link = head.appendChild(document.createElement('link'));
+		link.rel = 'preconnect';
+		link.href = 'https://fonts.googleapis.com';
+
+		link = head.appendChild(document.createElement('link'));
+		link.rel = 'preconnect';
+		link.href = 'https://fonts.gstatic.com';
+		link.crossOrigin = 'true';
+
+		link = head.appendChild(document.createElement('link'));
+		link.rel = 'stylesheet';
+		link.href = 'https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap';
+	}
+
 	private enableEditor() {
 		this.editorWindow.show(this);
 	}