Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kirill Pet
2024-10-04 14:05:11 +03:00
parent b1afb0f09c
commit b208ae3e64
26 changed files with 83 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
assets/css/gp-style-core.css
View File

@@ -1,16 +1,89 @@
/* Переменные, шрифты, UI kit */ /* Переменные, шрифты, 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 { :root {
--main-text: #e1667c;
--main-color: #8da6cb;
--font-family: "Craftwork Grotesk", sans-serif; --font-family: "Craftwork Grotesk", sans-serif;
--second-family: "DIN 2014 Rounded", sans-serif;
--third-family: "Roboto", sans-serif
} }
*/

BIN
assets/fonts/craftwork/CraftworkGrotesk-Bold.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-Medium.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-Regular.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/CraftworkGrotesk-SemiBold.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/craftwork-grotesk-bold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/craftwork-grotesk-medium.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/craftwork-grotesk-regular.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/craftwork/craftwork-grotesk-semi-bold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/din-2014/din-2014-rounded-demi.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/din-2014/din-2014-rounded-demi.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/din-2014/din-2014-rounded-demi.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/din-2014/din-2014-rounded-regular.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/din-2014/din-2014-rounded-regular.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/din-2014/din-2014-rounded-regular.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/roboto/Roboto-Medium.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/roboto/Roboto-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/roboto/Roboto-Regular.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/roboto/Roboto-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
assets/fonts/roboto/roboto-medium.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/roboto/roboto-regular.ttf Normal file
View File

Binary file not shown.

15
index.html
View File

@@ -48,20 +48,7 @@
</head> </head>
<body> <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> <script src="/assets/js/gp-main.js"></script>