sigit/sigit.io
6
2
Fork 0
Code Issues 55 Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

fix: fonts

Browse Source
This commit is contained in:
enes 2024-07-30 12:00:57 +02:00
parent 3a93622966
commit aa5aa60c6a
6 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -4,12 +4,6 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/favicon.png" /> <link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<title>SIGit</title> <title>SIGit</title>
</head> </head>
<body> <body>

BIN
src/assets/roboto-font/Roboto-Bold.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/roboto-font/Roboto-Light.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/roboto-font/Roboto-Medium.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/roboto-font/Roboto-Regular.ttf Normal file
View File

Binary file not shown.

24
src/index.css
View File

@ -16,6 +16,30 @@
box-sizing: border-box; box-sizing: border-box;
} }
@font-face {
font-family: 'Roboto';
font-weight: 300;
src: local('Roboto-Light'), url(./assets/roboto-font/Roboto-Light.ttf);
}
@font-face {
font-family: 'Roboto';
font-weight: 400;
src: local('Roboto-Regular'), url(./assets/Roboto-font/Roboto-Regular.ttf);
}
@font-face {
font-family: 'Roboto';
font-weight: 500;
src: local('Roboto-Medium'), url(./assets/Roboto-font/Roboto-Medium.ttf);
}
@font-face {
font-family: 'Roboto';
font-weight: 700;
src: local('Roboto-Bold'), url(./assets/Roboto-font/Robot-Bold.ttf);
}
body { body {
margin: 0; margin: 0;
min-width: 320px; min-width: 320px;