подключение шрифтов

assets/css/gp-style-core.css

@@ -1,16 +1,89 @@
 /* Переменные, шрифты, UI kit */
 
-
-
-
 /* 
+700 - Bold
+600 - SemiBold / Demi
+500 - Medium
+400 - Regular
+*/
 
-ШАБЛОН использования глобальных переменных:
+/* Craftwork Grotesk */
+@font-face {
+    font-family: "Craftwork Grotesk";
+    src: local("Craftwork Grotesk Bold"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2") format("woff2"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff") format("woff"),
+      url("/assets/fonts/craftwork/craftwork-grotesk-bold.ttf") format("ttf");
+    font-weight: 700;
+}
+@font-face {
+    font-family: "Craftwork Grotesk";
+    src: local("Craftwork Grotesk SemiBold"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2") format("woff2"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff") format("woff"),
+      url("/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf") format("ttf");
+    font-weight: 600;
+}
+@font-face {
+    font-family: "Craftwork Grotesk";
+    src: local("Craftwork Grotesk Medium"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2") format("woff2"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff") format("woff"),
+      url("/assets/fonts/craftwork/craftwork-grotesk-medium.ttf") format("ttf");
+    font-weight: 500;
+}
+@font-face {
+    font-family: "Craftwork Grotesk";
+    src: local("Craftwork Grotesk Regular"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2") format("woff2"),
+      url("/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff") format("woff"),
+      url("/assets/fonts/craftwork/craftwork-grotesk-regular.ttf") format("ttf");
+    font-weight: 400;
+}
+/* Craftwork Grotesk */
+
+/* din 2014 */
+@font-face {
+    font-family: "DIN 2014 Rounded";
+    src: local("DIN 2014 Rounded Demi"),
+      url("/assets/fonts/din-2014/din-2014-rounded-demi.woff2") format("woff2"),
+      url("/assets/fonts/din-2014/din-2014-rounded-demi.woff") format("woff"),
+      url("/assets/fonts/din-2014/din-2014-rounded-demi.ttf") format("ttf");
+    font-weight: 600;
+}
+@font-face {
+    font-family: "DIN 2014 Rounded";
+    src: local("DIN 2014 Rounded Regular"),
+      url("/assets/fonts/din-2014/din-2014-rounded-regular.woff2") format("woff2"),
+      url("/assets/fonts/din-2014/din-2014-rounded-regular.woff") format("woff"),
+      url("/assets/fonts/din-2014/din-2014-rounded-regular.ttf") format("ttf");
+    font-weight: 400;
+}
+/* din 2014 */
+
+/* roboto */
+@font-face {
+    font-family: "Roboto";
+    src: local("Roboto Medium"),
+      url("/assets/fonts/roboto/Roboto-Medium.woff2") format("woff2"),
+      url("/assets/fonts/roboto/Roboto-Medium.woff") format("woff"),
+      url("/assets/fonts/roboto/roboto-medium.ttf") format("ttf");
+    font-weight: 500;
+}
+@font-face {
+    font-family: "Roboto";
+    src: local("Roboto Regular"),
+      url("/assets/fonts/roboto/Roboto-Regular.woff2") format("woff2"),
+      url("/assets/fonts/roboto/Roboto-Regular.woff") format("woff"),
+      url("/assets/fonts/roboto/roboto-medium.ttf") format("ttf");
+    font-weight: 400;
+}
+/* roboto */
+
+/* Глобальные переменные: */
 
 :root {
-    --main-text: #e1667c;
-    --main-color: #8da6cb;
     --font-family: "Craftwork Grotesk", sans-serif;
-} 
-
-*/
+    --second-family: "DIN 2014 Rounded", sans-serif;
+    --third-family: "Roboto", sans-serif
+}