diff --git a/packages/backend/assets/fonts/Lexend-VariableFont_wght.ttf b/packages/backend/assets/fonts/Lexend-VariableFont_wght.ttf
new file mode 100644
index 0000000000..b294dc840f
Binary files /dev/null and b/packages/backend/assets/fonts/Lexend-VariableFont_wght.ttf differ
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss
index 2feb79ef81..6ec76bece8 100644
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -1,5 +1,13 @@
 @charset "utf-8";
 
+@font-face {
+	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+	font-family: 'Lexend';
+	font-style: normal;
+	font-weight: 400;
+	src: url('/static-assets/fonts/Lexend-VariableFont_wght.ttf') format('opentype');
+}
+
 /*
  * SPDX-FileCopyrightText: syuilo and misskey-project
  *
@@ -42,7 +50,7 @@ html {
 	accent-color: var(--accent);
 	overflow: auto;
 	overflow-wrap: break-word;
-	font-family: 'Hiragino Maru Gothic Pro', "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
+	font-family: 'Lexend', 'Hiragino Maru Gothic Pro', "BIZ UDGothic", Roboto, HelveticaNeue, Arial, sans-serif;
 	font-size: 14px;
 	line-height: 1.35;
 	text-size-adjust: 100%;