fix import fonts link

gravity-ui · Jul 9, 2024 · b17bf82 · b17bf82
1 parent a31a2c1
commit b17bf82
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Themes/lib/typography/utils.ts b/src/components/Themes/lib/typography/utils.ts
@@ -11,7 +11,7 @@ import {
 } from './constants';
 
 export const createFontLinkImport = (fontLink: string) => {
-    return `@import(${fontLink});`;
+    return `@import url('${fontLink}');`;
 };
 
 export const createFontFamilyVariable = (

diff --git a/src/components/Themes/ui/TypographyTab/Preview.tsx b/src/components/Themes/ui/TypographyTab/Preview.tsx
@@ -144,7 +144,7 @@ export const Preview = () => {
                 <ThemeProvider theme="dark" scoped rootClassName={`${b()} ${b({theme: 'dark'})}`}>
                     {themeStyles ? (
                         <style>
-                            {`.gravity-ui-landing-typography-tab__preview_theme_dark {${themeStyles.dark}}`}
+                            {`${themeStyles.fontImports}\n.gravity-ui-landing-typography-tab__preview_theme_dark {${themeStyles.dark}}`}
                         </style>
                     ) : null}
                     <Flex gap={10} style={{padding: 80}} justifyContent="center">