Merge pull request #206 from kilyabin/add-fonts

feat: fonts with cyrillic support

package-lock.json

@@ -11,6 +11,7 @@
         "@fontsource-variable/dm-sans": "^5.2.8",
         "@fontsource-variable/figtree": "^5.2.10",
         "@fontsource-variable/geist": "^5.2.8",
+        "@fontsource-variable/golos-text": "^5.2.8",
         "@fontsource-variable/inter": "^5.2.8",
         "@fontsource-variable/jetbrains-mono": "^5.2.8",
         "@fontsource-variable/lexend": "^5.2.11",
@@ -20,6 +21,7 @@
         "@fontsource-variable/plus-jakarta-sans": "^5.2.8",
         "@fontsource-variable/rubik": "^5.2.8",
         "@fontsource-variable/space-grotesk": "^5.2.10",
+        "@fontsource-variable/unbounded": "^5.2.8",
         "@tanstack/react-virtual": "^3.13.23",
         "@tauri-apps/api": "^2",
         "@tauri-apps/plugin-dialog": "^2.7.0",
@@ -814,6 +816,15 @@
         "url": "https://github.com/sponsors/ayuhito"
       }
     },
+    "node_modules/@fontsource-variable/golos-text": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/golos-text/-/golos-text-5.2.8.tgz",
+      "integrity": "sha512-cLT8Gu9tSQTOjfPY+qnrqQwafUUJkZu0s9hTbQbtaeknTyV36c/FQc5hvTRvgeUOT4cp/Xf0dkHdZatwj3g2Nw==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@fontsource-variable/inter": {
       "version": "5.2.8",
       "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz",
@@ -895,6 +906,15 @@
         "url": "https://github.com/sponsors/ayuhito"
       }
     },
+    "node_modules/@fontsource-variable/unbounded": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/unbounded/-/unbounded-5.2.8.tgz",
+      "integrity": "sha512-DWC/HEdNNbjMH6ngeeCAPExKMsedoY+pV3ZnRXzFcAzXuGHB6dEwsXNVQ4fiuuYMGguq9TSAEUat4Oy5prdwWQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",

package.json

@@ -15,6 +15,7 @@
     "@fontsource-variable/dm-sans": "^5.2.8",
     "@fontsource-variable/figtree": "^5.2.10",
     "@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/golos-text": "^5.2.8",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource-variable/jetbrains-mono": "^5.2.8",
     "@fontsource-variable/lexend": "^5.2.11",
@@ -24,6 +25,7 @@
     "@fontsource-variable/plus-jakarta-sans": "^5.2.8",
     "@fontsource-variable/rubik": "^5.2.8",
     "@fontsource-variable/space-grotesk": "^5.2.10",
+    "@fontsource-variable/unbounded": "^5.2.8",
     "@tanstack/react-virtual": "^3.13.23",
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-dialog": "^2.7.0",

src/pages/Settings.tsx

@@ -1812,6 +1812,8 @@ export default function Settings() {
                     { id: 'lexend',            label: 'Lexend' },
                     { id: 'geist',             label: 'Geist' },
                     { id: 'jetbrains-mono',    label: 'JetBrains Mono' },
+                    { id: 'golos-text',        label: 'Golos Text' },
+                    { id: 'unbounded',         label: 'Unbounded' },
                   ] as { id: FontId; label: string }[]).find(f => f.id === fontStore.font)?.label ?? fontStore.font
                 }</span>
                 <ChevronDown size={14} style={{ color: 'var(--text-muted)', transform: fontPickerOpen ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }} />
@@ -1832,6 +1834,8 @@ export default function Settings() {
                       { id: 'lexend',            label: 'Lexend',            stack: "'Lexend Variable', sans-serif" },
                       { id: 'geist',             label: 'Geist',             stack: "'Geist Variable', sans-serif" },
                       { id: 'jetbrains-mono',    label: 'JetBrains Mono',    stack: "'JetBrains Mono Variable', monospace" },
+                      { id: 'golos-text',        label: 'Golos Text',        stack: "'Golos Text Variable', sans-serif" },
+                      { id: 'unbounded',         label: 'Unbounded',         stack: "'Unbounded Variable', sans-serif" },
                     ] as { id: FontId; label: string; stack: string }[]
                   ).map(f => (
                     <button

src/store/fontStore.ts

@@ -1,7 +1,7 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 
-export type FontId = 'inter' | 'outfit' | 'dm-sans' | 'nunito' | 'rubik' | 'space-grotesk' | 'figtree' | 'manrope' | 'plus-jakarta-sans' | 'lexend' | 'geist' | 'jetbrains-mono';
+export type FontId = 'inter' | 'outfit' | 'dm-sans' | 'nunito' | 'rubik' | 'space-grotesk' | 'figtree' | 'manrope' | 'plus-jakarta-sans' | 'lexend' | 'geist' | 'jetbrains-mono' | 'golos-text' | 'unbounded';
 
 interface FontState {
   font: FontId;

src/styles/theme.css

@@ -22,6 +22,8 @@
 @import '@fontsource-variable/geist';
 @import '@fontsource-variable/jetbrains-mono';
 @import '@fontsource-variable/jetbrains-mono/wght-italic.css';
+@import '@fontsource-variable/golos-text';
+@import '@fontsource-variable/unbounded';
 
 /* ─── Catppuccin Mocha Variables ─── */
 :root,
@@ -6441,6 +6443,16 @@ input[type="range"]:hover::-webkit-slider-thumb {
   --font-display: 'JetBrains Mono Variable', monospace;
 }
 
+[data-font='golos-text'] {
+  --font-sans: 'Golos Text Variable', system-ui, sans-serif;
+  --font-display: 'Golos Text Variable', sans-serif;
+}
+
+[data-font='unbounded'] {
+  --font-sans: 'Unbounded Variable', system-ui, sans-serif;
+  --font-display: 'Unbounded Variable', sans-serif;
+}
+
 /* ─── Equalizer bars animation ─── */
 .eq-bar {
   display: inline-block;