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

2024-10-04 14:05:11 +03:00
26 changed files with 83 additions and 23 deletions
--- a/assets/css/gp-style-core.css
+++ b/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
 } 
 */
--- a/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2
--- a/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2
--- a/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2
--- a/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff
+++ b/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff
--- a/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2
+++ b/assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2
--- a/assets/fonts/craftwork/craftwork-grotesk-bold.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-bold.ttf
--- a/assets/fonts/craftwork/craftwork-grotesk-medium.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-medium.ttf
--- a/assets/fonts/craftwork/craftwork-grotesk-regular.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-regular.ttf
--- a/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf
+++ b/assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf
--- a/assets/fonts/din-2014/din-2014-rounded-demi.ttf
+++ b/assets/fonts/din-2014/din-2014-rounded-demi.ttf
--- a/assets/fonts/din-2014/din-2014-rounded-demi.woff
+++ b/assets/fonts/din-2014/din-2014-rounded-demi.woff
--- a/assets/fonts/din-2014/din-2014-rounded-demi.woff2
+++ b/assets/fonts/din-2014/din-2014-rounded-demi.woff2
--- a/assets/fonts/din-2014/din-2014-rounded-regular.ttf
+++ b/assets/fonts/din-2014/din-2014-rounded-regular.ttf
--- a/assets/fonts/din-2014/din-2014-rounded-regular.woff
+++ b/assets/fonts/din-2014/din-2014-rounded-regular.woff
--- a/assets/fonts/din-2014/din-2014-rounded-regular.woff2
+++ b/assets/fonts/din-2014/din-2014-rounded-regular.woff2
--- a/assets/fonts/roboto/Roboto-Medium.woff
+++ b/assets/fonts/roboto/Roboto-Medium.woff
--- a/assets/fonts/roboto/Roboto-Medium.woff2
+++ b/assets/fonts/roboto/Roboto-Medium.woff2
--- a/assets/fonts/roboto/Roboto-Regular.woff
+++ b/assets/fonts/roboto/Roboto-Regular.woff
--- a/assets/fonts/roboto/Roboto-Regular.woff2
+++ b/assets/fonts/roboto/Roboto-Regular.woff2
--- a/assets/fonts/roboto/roboto-medium.ttf
+++ b/assets/fonts/roboto/roboto-medium.ttf
--- a/assets/fonts/roboto/roboto-regular.ttf
+++ b/assets/fonts/roboto/roboto-regular.ttf
--- a/index.html
+++ b/index.html
@@ -48,20 +48,7 @@
    </head>
    <body>
-
+        <p>test</p>
        <!-- Пример формы для отправки в Телеграмм (обработчик send-telegram.php) -->
        <form class="form" method="post" action="/send-telegram.php">
            <div class="form__item">
                <input class="form__input" type="text" name="name" required>
                <label class="form__label">Ваше имя</label>
            </div>
            <div class="form__item">
                <input class="form__input" type="text" name="phone" required>
                <label class="form__label">Номер телефона</label>
            </div>
            <input class="form__input btn" type="submit" value="Отправить">
        </form>
        <script src="/assets/js/gp-main.js"></script>