diff --git a/client/src/style/fonts/SegoeArabicUI-Bold.woff2 b/client/src/style/fonts/SegoeArabicUI-Bold.woff2 new file mode 100644 index 000000000..8ab721e9e Binary files /dev/null and b/client/src/style/fonts/SegoeArabicUI-Bold.woff2 differ diff --git a/client/src/style/fonts/SegoeArabicUI-Light.woff2 b/client/src/style/fonts/SegoeArabicUI-Light.woff2 new file mode 100644 index 000000000..904ad681e Binary files /dev/null and b/client/src/style/fonts/SegoeArabicUI-Light.woff2 differ diff --git a/client/src/style/fonts/SegoeArabicUI-Regular.woff2 b/client/src/style/fonts/SegoeArabicUI-Regular.woff2 new file mode 100644 index 000000000..ee67765e3 Binary files /dev/null and b/client/src/style/fonts/SegoeArabicUI-Regular.woff2 differ diff --git a/client/src/style/fonts/SegoeArabicUI-SemiBold.woff2 b/client/src/style/fonts/SegoeArabicUI-SemiBold.woff2 new file mode 100644 index 000000000..4737f8f6e Binary files /dev/null and b/client/src/style/fonts/SegoeArabicUI-SemiBold.woff2 differ diff --git a/client/src/style/pages/fonts.scss b/client/src/style/pages/fonts.scss index 67804dae7..76e0d759f 100644 --- a/client/src/style/pages/fonts.scss +++ b/client/src/style/pages/fonts.scss @@ -69,3 +69,33 @@ font-weight: 600; font-display: swap; } + +// Segoe UI Arabic - Regular +@font-face { + font-family: 'Segoe UI'; + src: local('Noto Sans'), + url('../fonts/SegoeArabicUI-Regular.woff2') format('woff'); + font-style: normal; + font-weight: 400; + font-display: swap; +} + +// Segoe UI Arabic - Bold +@font-face { + font-family: 'Segoe UI'; + src: local('Noto Sans'), + url('../fonts/SegoeArabicUI-Bold.woff2') format('woff'); + font-style: normal; + font-weight: 900; + font-display: swap; +} + +// Segoe UI Arabic - Semi Bold +@font-face { + font-family: 'Segoe UI'; + src: local('Noto Sans'), + url('../fonts/SegoeArabicUI-SemiBold.woff2') format('woff'); + font-style: normal; + font-weight: 500; + font-display: swap; +} diff --git a/client/src/style/variables.scss b/client/src/style/variables.scss index 82a3d0269..63c0400ee 100644 --- a/client/src/style/variables.scss +++ b/client/src/style/variables.scss @@ -16,7 +16,7 @@ $menu-item-color-active: $light-gray3; $breadcrumbs-collapsed-icon: url("data:image/svg+xml,"); $sidebar-zindex: 15; -$pt-font-family: Noto Sans Arabic, Noto Sans, -apple-system, BlinkMacSystemFont, +$pt-font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;