Added static fonts

This commit is contained in:
unknown 2021-10-06 11:23:30 +02:00
parent 084218027c
commit a162450568
10 changed files with 47 additions and 12 deletions

View file

@ -4,16 +4,15 @@
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Flame - self-hosted startpage for your server" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="%PUBLIC_URL%/flame.css">
<meta
name="description"
content="Flame - self-hosted startpage for your server"
/>
<link rel="stylesheet" href="%PUBLIC_URL%/flame.css" />
<title>Flame</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
</html>

View file

@ -1,3 +1,39 @@
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local(''),
url('./assets/fonts/Roboto/roboto-v29-latin-regular.woff2') format('woff2'),
url('./assets/fonts/Roboto/roboto-v29-latin-regular.woff') format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local(''),
url('./assets/fonts/Roboto/roboto-v29-latin-500.woff2') format('woff2'),
url('./assets/fonts/Roboto/roboto-v29-latin-500.woff') format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local(''),
url('./assets/fonts/Roboto/roboto-v29-latin-900.woff2') format('woff2'),
url('./assets/fonts/Roboto/roboto-v29-latin-900.woff') format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local(''),
url('./assets/fonts/Roboto/roboto-v29-latin-700.woff2') format('woff2'),
url('./assets/fonts/Roboto/roboto-v29-latin-700.woff') format('woff');
}
* {
margin: 0;
padding: 0;
@ -5,18 +41,18 @@
}
body {
--color-background: #2B2C56;
--color-primary: #EFF1FC;
--color-accent: #6677EB;
--color-background: #242b33;
--color-primary: #effbff;
--color-accent: #6ee2ff;
--spacing-ui: 10px;
background-color: var(--color-background);
transition: background-color 0.3s;
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto, sans-serif;
font-family: Roboto, sans-serif;
font-size: 14px;
}
a {
color: var(--color-primary);
text-decoration: none;
}
}