diff --git a/0xproto-webfont.woff2 b/0xproto-webfont.woff2
new file mode 100644
index 0000000..598672c
Binary files /dev/null and b/0xproto-webfont.woff2 differ
diff --git a/index.html b/index.html
index d125b24..c9c50ef 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
 	</title>
 	<link href="styles.css" rel="stylesheet">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="preload" as="font" href="/0xproto-webfont.woff2" crossorigin>
 	<script src="scripts.js">
 	</script>
 </head>
diff --git a/profile.avif b/profile.avif
new file mode 100644
index 0000000..cce0a45
Binary files /dev/null and b/profile.avif differ
diff --git a/profile.jpg b/profile.jpg
deleted file mode 100644
index 30981ac..0000000
Binary files a/profile.jpg and /dev/null differ
diff --git a/styles.css b/styles.css
index 40129b8..ab1a646 100644
--- a/styles.css
+++ b/styles.css
@@ -9,7 +9,8 @@
 
 @font-face {
 	font-family: xProto;
-	src: url("0xProto.woff2")
+	font-display: optional;
+	src: url("/0xproto-webfont.woff2")
 }
 
 
@@ -207,7 +208,7 @@ body>div:hover::after {
 #profilePhoto {
 	overflow: hidden;
 	align-items: center;
-	background: url("profile.jpg");
+	background: url("profile.avif");
 	background-size: cover;
 	background-position: center;
 	grid-column: 1;