feat: change font (#225)

altai-ui · Feb 3, 2022 · adaa72b · adaa72b
1 parent ae8da39
commit adaa72b
Show file tree

Hide file tree

Showing 20 changed files with 31 additions and 31 deletions.
diff --git a/docs/.vuepress/public/fonts/Gilroy-Bold.woff b/docs/.vuepress/public/fonts/Gilroy-Bold.woff
diff --git a/docs/.vuepress/public/fonts/Gilroy-ExtraBold.woff b/docs/.vuepress/public/fonts/Gilroy-ExtraBold.woff
diff --git a/docs/.vuepress/public/fonts/Gilroy-Medium.woff b/docs/.vuepress/public/fonts/Gilroy-Medium.woff
diff --git a/docs/.vuepress/public/fonts/Gilroy-Regular.woff b/docs/.vuepress/public/fonts/Gilroy-Regular.woff
diff --git a/docs/.vuepress/public/fonts/Urbanist-Bold.woff2 b/docs/.vuepress/public/fonts/Urbanist-Bold.woff2
diff --git a/docs/.vuepress/public/fonts/Urbanist-ExtraBold.woff2 b/docs/.vuepress/public/fonts/Urbanist-ExtraBold.woff2
diff --git a/docs/.vuepress/public/fonts/Urbanist-Medium.woff2 b/docs/.vuepress/public/fonts/Urbanist-Medium.woff2
diff --git a/docs/.vuepress/public/fonts/Urbanist-Regular.woff2 b/docs/.vuepress/public/fonts/Urbanist-Regular.woff2
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
@@ -1,43 +1,43 @@
-$--base-path: '/qui-max/fonts/' !default;
+$-base-path: '/qui-max/fonts/' !default;
 
 @font-face {
-  font-family: 'Gilroy';
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 800;
-  src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
-    url('#{$--base-path}/Gilroy-ExtraBold.woff?29042020') format('woff');
+  src: local('Urbanist ExtraBold'), local('Urbanist-ExtraBold'),
+    url('#{$-base-path}/Urbanist-ExtraBold.woff2') format('woff2');
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Gilroy';
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 600;
-  src: local('Gilroy Bold'), local('Gilroy-Bold'),
-    url('#{$--base-path}/Gilroy-Bold.woff?29042020') format('woff');
+  src: local('Urbanist Bold'), local('Urbanist-Bold'),
+    url('#{$-base-path}/Urbanist-Bold.woff2') format('woff2');
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Gilroy';
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 500;
-  src: local('Gilroy Medium'), local('Gilroy-Medium'),
-    url('#{$--base-path}/Gilroy-Medium.woff?29042020') format('woff');
+  src: local('Urbanist Medium'), local('Urbanist-Medium'),
+    url('#{$-base-path}/Urbanist-Medium.woff2') format('woff2');
   font-display: swap;
 }
 
 @font-face {
-  font-family: 'Gilroy';
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 400;
-  src: local('Gilroy Regular'), local('Gilroy-Regular'),
-    url('#{$--base-path}/Gilroy-Regular.woff?29042020') format('woff');
+  src: local('Urbanist Regular'), local('Urbanist-Regular'),
+    url('#{$-base-path}/Urbanist-Regular.woff2') format('woff2');
   font-display: swap;
 }
 
 body {
-  font-family: 'Gilroy', sans-serif;
+  font-family: Urbanist, sans-serif;
 }
 
 iframe {

diff --git a/src/fonts/Gilroy-Bold.woff b/src/fonts/Gilroy-Bold.woff
diff --git a/src/fonts/Gilroy-ExtraBold.woff b/src/fonts/Gilroy-ExtraBold.woff
diff --git a/src/fonts/Gilroy-Medium.woff b/src/fonts/Gilroy-Medium.woff
diff --git a/src/fonts/Gilroy-Regular.woff b/src/fonts/Gilroy-Regular.woff
diff --git a/src/fonts/Urbanist-Bold.woff2 b/src/fonts/Urbanist-Bold.woff2
diff --git a/src/fonts/Urbanist-ExtraBold.woff2 b/src/fonts/Urbanist-ExtraBold.woff2
diff --git a/src/fonts/Urbanist-Medium.woff2 b/src/fonts/Urbanist-Medium.woff2
diff --git a/src/fonts/Urbanist-Regular.woff2 b/src/fonts/Urbanist-Regular.woff2
diff --git a/src/fonts/fonts.scss b/src/fonts/fonts.scss
@@ -1,37 +1,37 @@
 $-base-path: '..' !default;
 
 @font-face {
-  font-family: Gilroy;
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 800;
-  src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
-    url('#{$-base-path}/fonts/Gilroy-ExtraBold.woff?29042020') format('woff');
+  src: local('Urbanist ExtraBold'), local('Urbanist-ExtraBold'),
+    url('#{$-base-path}/fonts/Urbanist-ExtraBold.woff2') format('woff2');
   font-display: swap;
 }
 
 @font-face {
-  font-family: Gilroy;
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 600;
-  src: local('Gilroy Bold'), local('Gilroy-Bold'),
-    url('#{$-base-path}/fonts/Gilroy-Bold.woff?29042020') format('woff');
+  src: local('Urbanist Bold'), local('Urbanist-Bold'),
+    url('#{$-base-path}/fonts/Urbanist-Bold.woff2') format('woff2');
   font-display: swap;
 }
 
 @font-face {
-  font-family: Gilroy;
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 500;
-  src: local('Gilroy Medium'), local('Gilroy-Medium'),
-    url('#{$-base-path}/fonts/Gilroy-Medium.woff?29042020') format('woff');
+  src: local('Urbanist Medium'), local('Urbanist-Medium'),
+    url('#{$-base-path}/fonts/Urbanist-Medium.woff2') format('woff2');
   font-display: swap;
 }
 
 @font-face {
-  font-family: Gilroy;
+  font-family: Urbanist;
   font-style: normal;
   font-weight: 400;
-  src: local('Gilroy Regular'), local('Gilroy-Regular'),
-    url('#{$-base-path}/fonts/Gilroy-Regular.woff?29042020') format('woff');
+  src: local('Urbanist Regular'), local('Urbanist-Regular'),
+    url('#{$-base-path}/fonts/Urbanist-Regular.woff2') format('woff2');
   font-display: swap;
 }
diff --git a/src/main.scss b/src/main.scss
@@ -16,7 +16,7 @@ body,
 
 body {
   margin: 0;
-  font-family: Gilroy, sans-serif;
+  font-family: Urbanist, sans-serif;
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-base);
   line-height: var(--line-height-base);

diff --git a/vite.config.ts b/vite.config.ts
@@ -89,10 +89,10 @@ export default defineConfig({
           targets: [
             {
               src: [
-                'src/fonts/Gilroy-Bold.woff',
-                'src/fonts/Gilroy-ExtraBold.woff',
-                'src/fonts/Gilroy-Medium.woff',
-                'src/fonts/Gilroy-Regular.woff'
+                'src/fonts/Urbanist-Bold.woff2',
+                'src/fonts/Urbanist-ExtraBold.woff2',
+                'src/fonts/Urbanist-Medium.woff2',
+                'src/fonts/Urbanist-Regular.woff2'
               ],
               dest: 'dist/fonts'
             },