Add Inter and Vazirmatn fonts for LTR and RTL Font

- Update package.json to include Inter and Vazirmatn font packages
- Add comprehensive font-face definitions for Inter font with multiple language support
- Add Vazirmatn UI font-face definitions for RTL layouts
- Update SCSS files to import and set default font families
- Include various font weights and unicode ranges for better internationalization

searx/static/themes/smart/css/ltr-style.css

@@ -1,3 +1,129 @@
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-cyrillic-ext-standard-normal.fc62596d.woff2") format("woff2-variations");
+  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-cyrillic-standard-normal.ea7e923a.woff2") format("woff2-variations");
+  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
+}
+
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-greek-ext-standard-normal.e10982a0.woff2") format("woff2-variations");
+  unicode-range: U+1F??;
+}
+
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-greek-standard-normal.0caa17e7.woff2") format("woff2-variations");
+  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
+}
+
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-vietnamese-standard-normal.2aec2804.woff2") format("woff2-variations");
+  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-latin-ext-standard-normal.a7641455.woff2") format("woff2-variations");
+  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: Inter Variable;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("inter-latin-standard-normal.2d8fdd01.woff2") format("woff2-variations");
+  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-cyrillic-ext-400-normal.a48d4e19.woff2") format("woff2"), url("inter-cyrillic-ext-400-normal.8938e3ac.woff") format("woff");
+  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-cyrillic-400-normal.cb9ef530.woff2") format("woff2"), url("inter-cyrillic-400-normal.be966a56.woff") format("woff");
+  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-greek-ext-400-normal.bfaa2c39.woff2") format("woff2"), url("inter-greek-ext-400-normal.50e73398.woff") format("woff");
+  unicode-range: U+1F??;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-greek-400-normal.4515f19a.woff2") format("woff2"), url("inter-greek-400-normal.77684a9d.woff") format("woff");
+  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-vietnamese-400-normal.c9e40957.woff2") format("woff2"), url("inter-vietnamese-400-normal.6507846e.woff") format("woff");
+  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-latin-ext-400-normal.a6024ce9.woff2") format("woff2"), url("inter-latin-ext-400-normal.fbc4849c.woff") format("woff");
+  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("inter-latin-400-normal.fcefd771.woff2") format("woff2"), url("inter-latin-400-normal.a22ac1fc.woff") format("woff");
+  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
 *, :before, :after {
   box-sizing: border-box;
   border-style: solid;
@@ -1067,3 +1193,13 @@ input[type="checkbox"].switch:checked:after {
     display: none !important;
   }
 }
+
+* {
+  font-family: Inter Variable, sans-serif;
+}
+
+@supports (font-variation-settings: normal) {
+  * {
+    font-family: Inter, sans-serif;
+  }
+}

searx/static/themes/smart/css/rtl-style.css

@@ -1,3 +1,75 @@
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-Thin.37503ccd.woff2") format("woff2");
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-ExtraLight.cba2b231.woff2") format("woff2");
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-Light.c77d6de0.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-Regular.a3c99ff7.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-Medium.972fdd22.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-SemiBold.37d9c53d.woff2") format("woff2");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-Bold.b0065d44.woff2") format("woff2");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-ExtraBold.c431ea38.woff2") format("woff2");
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Vazirmatn UI;
+  src: url("Vazirmatn-UI-Black.bc8837bc.woff2") format("woff2");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
 *, :before, :after {
   box-sizing: border-box;
   border-style: solid;
@@ -1067,3 +1139,7 @@ input[type="checkbox"].switch:checked:after {
     display: none !important;
   }
 }
+
+* {
+  font-family: Vazirmatn UI, sans-serif;
+}

searx/static/themes/smart/package.json

@@ -21,9 +21,12 @@
         "parcel": "^2.13.0"
     },
     "dependencies": {
+        "@fontsource-variable/inter": "^5.1.1",
+        "@fontsource/inter": "^5.1.1",
         "ejs": "^3.1.10",
         "nodemon": "^3.1.9",
         "remixicon": "^4.5.0",
-        "svgo": "^3.3.2"
+        "svgo": "^3.3.2",
+        "vazirmatn": "^33.0.3"
     }
 }

searx/static/themes/smart/src/scss/ltr-style.scss

@@ -1,3 +1,15 @@
 @use './style.scss' with ($dir: 'ltr');
 
-// Special LTR styles
+// Special LTR styles
+@import "../../node_modules/@fontsource-variable/inter/standard.css";
+@import "../../node_modules/@fontsource/inter/index.css";
+
+* {
+    font-family: 'Inter Variable', sans-serif;
+}
+
+@supports (font-variation-settings: normal) {
+    * {
+        font-family: 'Inter', sans-serif;
+    }
+}

searx/static/themes/smart/src/scss/rtl-style.scss

@@ -1,3 +1,7 @@
 @use './style.scss' with ($dir: 'rtl');
 
-// Special RTL styles
+@import "../../node_modules/vazirmatn/misc/UI/Vazirmatn-UI-font-face.css";
+
+* {
+    font-family: 'Vazirmatn UI', sans-serif;
+}