1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-22 12:59:36 +02:00

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" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Flame - self-hosted startpage for your server" /> <meta
<link rel="preconnect" href="https://fonts.gstatic.com"> name="description"
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet"> content="Flame - self-hosted startpage for your server"
<link rel="stylesheet" href="%PUBLIC_URL%/flame.css"> />
<link rel="stylesheet" href="%PUBLIC_URL%/flame.css" />
<title>Flame</title> <title>Flame</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
</body> </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; margin: 0;
padding: 0; padding: 0;
@ -5,18 +41,18 @@
} }
body { body {
--color-background: #2B2C56; --color-background: #242b33;
--color-primary: #EFF1FC; --color-primary: #effbff;
--color-accent: #6677EB; --color-accent: #6ee2ff;
--spacing-ui: 10px; --spacing-ui: 10px;
background-color: var(--color-background); background-color: var(--color-background);
transition: background-color 0.3s; transition: background-color 0.3s;
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Roboto, sans-serif; font-family: Roboto, sans-serif;
font-size: 14px; font-size: 14px;
} }
a { a {
color: var(--color-primary); color: var(--color-primary);
text-decoration: none; text-decoration: none;
} }