From 2e43a434787d1dc3f2fa175818bba5d47fd68bc3 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 13 Jun 2024 13:16:32 +0300
Subject: [PATCH] font face

---
 assets/fonts.scss | 102 ++++++++++++----------------------------------
 1 file changed, 26 insertions(+), 76 deletions(-)

diff --git a/assets/fonts.scss b/assets/fonts.scss
index 30e20d0..a6680f2 100644
--- a/assets/fonts.scss
+++ b/assets/fonts.scss
@@ -42,6 +42,31 @@
 @include font-face("Overpass", '~/assets/Overpass/static/Overpass-Black.ttf', 800);
 @include font-face("Overpass", '~/assets/Overpass/static/Overpass-BlackItalic.ttf', 800, italic);
 
+// assets/Roboto/Roboto-Black.ttf 
+// assets/Roboto/Roboto-BlackItalic.ttf 
+// assets/Roboto/Roboto-Bold.ttf 
+// assets/Roboto/Roboto-BoldItalic.ttf 
+// assets/Roboto/Roboto-Light.ttf 
+// assets/Roboto/Roboto-LightItalic.ttf 
+// assets/Roboto/Roboto-Medium.ttf 
+// assets/Roboto/Roboto-MediumItalic.ttf 
+// assets/Roboto/Roboto-Regular.ttf 
+// assets/Roboto/Roboto-Italic.ttf 
+// assets/Roboto/Roboto-Thin.ttf 
+// assets/Roboto/Roboto-ThinItalic.ttf
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Black.ttf', 800);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-BlackItalic.ttf', 800, italic);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Bold.ttf', 700);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-BoldItalic.ttf', 700, italic);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Light.ttf', 300);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-LightItalic.ttf', 300, italic);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Medium.ttf', 500);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-MediumItalic.ttf', 500, italic);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Regular.ttf', 400);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Italic.ttf', 400, italic);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-Thin.ttf', 100);
+@include font-face("Roboto", '~/assets/Roboto/Roboto-ThinItalic.ttf', 100, italic);
+
 // 100 – Thin.
 // 200 – Extra Light (Ultra Light)
 // 300 – Light.
@@ -49,79 +74,4 @@
 // 500 – Medium.
 // 600 – Semi Bold (Demi Bold)
 // 700 – Bold.
-// 800 – Extra Bold (Ultra Bold)
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Black.ttf ');
-    font-weight: 800;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-BlackItalic.ttf ');
-    font-weight: 800;
-    font-style: italic
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Bold.ttf ');
-    font-weight: 700;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-BoldItalic.ttf ');
-    font-weight: 700;
-    font-style: italic
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Regular.ttf ');
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Italic.ttf ');
-    font-style: italic
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Medium.ttf ');
-    font-weight: 500;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-MediumItalic.ttf ');
-    font-weight: 500;
-    font-style: italic
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Light.ttf ');
-    font-weight: 300;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-LightItalic.ttf ');
-    font-weight: 300;
-    font-style: italic
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-Thin.ttf ');
-    font-weight: 100;
-}
-
-@font-face {
-    font-family: 'Roboto';
-    src: url('~/assets/Roboto/Roboto-ThinItalic.ttf ');
-    font-weight: 100;
-    font-style: italic
-}
\ No newline at end of file
+// 800 – Extra Bold (Ultra Bold)
\ No newline at end of file