diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..f2bf4259f
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: yarn install && yarn run build
+    command: yarn run start
+
+
diff --git a/package.json b/package.json
index 8697e3910..c62b2f03f 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "@emoji-mart/data": "^1.1.2",
     "@floating-ui/react": "^0.26.0",
     "@fontsource/inter": "^5.0.0",
+    "@fontsource/noto-sans-javanese": "^5.0.16",
     "@fontsource/roboto-mono": "^5.0.0",
     "@fontsource/tajawal": "^5.0.8",
     "@gamestdio/websocket": "^0.3.2",
diff --git a/src/main.tsx b/src/main.tsx
index 05c38cf73..6bcd61e54 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -20,6 +20,7 @@ import 'react-datepicker/dist/react-datepicker.css';
 
 import './iframe';
 import './styles/i18n/arabic.css';
+import './styles/i18n/javanese.css';
 import './styles/application.scss';
 import './styles/tailwind.css';
 
diff --git a/src/styles/i18n/javanese.css b/src/styles/i18n/javanese.css
new file mode 100644
index 000000000..0d00873ad
--- /dev/null
+++ b/src/styles/i18n/javanese.css
@@ -0,0 +1,39 @@
+/* noto-sans-javanese-javanese-400-normal */
+@font-face {
+  font-family: 'Soapbox i18n';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff) format('woff');
+  unicode-range: U+A980-A9DF;
+}
+
+/* noto-sans-javanese-javanese-500-normal */
+@font-face {
+  font-family: 'Soapbox i18n';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff) format('woff');
+  unicode-range: U+A980-A9DF;
+}
+
+/* noto-sans-javanese-javanese-600-normal */
+@font-face {
+  font-family: 'Soapbox i18n';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff) format('woff');
+  unicode-range: U+A980-A9DF;
+}
+
+/* noto-sans-javanese-javanese-700-normal */
+@font-face {
+  font-family: 'Soapbox i18n';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src: url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff2) format('woff2'), url(@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff) format('woff');
+  unicode-range: U+A980-A9DF;
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index dd13e03f4..21c1cb8b3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1424,6 +1424,11 @@
   resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-5.0.8.tgz#61b50cb0eb72b14ae1938d47c4a9a91546d2a50c"
   integrity sha512-28knWH1BfOiRalfLs90U4sge5mpQ8ZH6FS0PTT+IZMKrZ7wNHDHRuKa1kQJg+uHcc6axBppnxll+HXM4c7zo/Q==
 
+"@fontsource/noto-sans-javanese@^5.0.16":
+  version "5.0.16"
+  resolved "https://registry.yarnpkg.com/@fontsource/noto-sans-javanese/-/noto-sans-javanese-5.0.16.tgz#e6a2acad3b520e379a5f760196246951d6d7eb3e"
+  integrity sha512-foh5yX/kbY28QMx6jU8aezMLAnBTKscNAVeuDIt8myScEDqXDm+1v2pIxVCh0zZUyxt/Yj/qkDTOM/Vegq9hzA==
+
 "@fontsource/roboto-mono@^5.0.0":
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/@fontsource/roboto-mono/-/roboto-mono-5.0.8.tgz#9b3df61f884f46e12d3eca46e75517fde58da68e"