diff --git a/client/src/style/fonts/NotoSansArabicUI-Black.woff b/client/src/style/fonts/NotoSansArabicUI-Black.woff
new file mode 100644
index 000000000..369c3bf8e
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-Black.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-Bold.woff b/client/src/style/fonts/NotoSansArabicUI-Bold.woff
new file mode 100644
index 000000000..7ac60a841
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-Bold.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-ExtraBold.woff b/client/src/style/fonts/NotoSansArabicUI-ExtraBold.woff
new file mode 100644
index 000000000..8c2990912
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-ExtraBold.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-ExtraLight.woff b/client/src/style/fonts/NotoSansArabicUI-ExtraLight.woff
new file mode 100644
index 000000000..0a0859cb7
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-ExtraLight.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-Light.woff b/client/src/style/fonts/NotoSansArabicUI-Light.woff
new file mode 100644
index 000000000..697c88ab1
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-Light.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-Medium.woff b/client/src/style/fonts/NotoSansArabicUI-Medium.woff
new file mode 100644
index 000000000..08d8cd534
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-Medium.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-Regular.woff b/client/src/style/fonts/NotoSansArabicUI-Regular.woff
new file mode 100644
index 000000000..900ec2804
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-Regular.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-SemiBold.woff b/client/src/style/fonts/NotoSansArabicUI-SemiBold.woff
new file mode 100644
index 000000000..a88f6d883
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-SemiBold.woff differ
diff --git a/client/src/style/fonts/NotoSansArabicUI-Thin.woff b/client/src/style/fonts/NotoSansArabicUI-Thin.woff
new file mode 100644
index 000000000..4b4d7906c
Binary files /dev/null and b/client/src/style/fonts/NotoSansArabicUI-Thin.woff differ
diff --git a/client/src/style/pages/fonts.scss b/client/src/style/pages/fonts.scss
index 88da31425..dac97d806 100644
--- a/client/src/style/pages/fonts.scss
+++ b/client/src/style/pages/fonts.scss
@@ -29,3 +29,93 @@
   font-weight: 900;
   font-display: swap;
 }
+
+// arabic regular
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Regular.woff') format('woff');
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
+
+// arabic black
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Black.woff') format('woff');
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+}
+
+// arabic Bold
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Bold.woff') format('woff');
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+}
+
+// arabic ExtraBold
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-ExtraBold.woff') format('woff');
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+}
+
+//arabic light
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Light.woff') format('woff');
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+}
+
+//arabic ExtraLight
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-ExtraLight.woff') format('woff');
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+}
+
+//arabic Medium
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Medium.woff') format('woff');
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+}
+
+//arabic SemiBold
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-SemiBold.woff') format('woff');
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+}
+
+//arabic Thin
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Thin.woff') format('woff');
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+}
diff --git a/client/src/style/variables.scss b/client/src/style/variables.scss
index a60557f6b..82a3d0269 100644
--- a/client/src/style/variables.scss
+++ b/client/src/style/variables.scss
@@ -16,8 +16,9 @@ $menu-item-color-active: $light-gray3;
 $breadcrumbs-collapsed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#6B8193' enable-background='new 0 0 16 16' xml:space='preserve'><g><circle cx='2' cy='8.03' r='2'/><circle cx='14' cy='8.03' r='2'/><circle cx='8' cy='8.03' r='2'/></g></svg>");
 
 $sidebar-zindex: 15;
-$pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
-  Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;
+$pt-font-family: Noto Sans Arabic, Noto Sans, -apple-system, BlinkMacSystemFont,
+  Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue,
+  Icons16, sans-serif;
 
 $button-box-shadow: 0 0 0 !default;
 $button-box-shadow-active: 0 0 0 !default;