Added static fonts
This commit is contained in:
parent
084218027c
commit
a162450568
10 changed files with 47 additions and 12 deletions
|
@ -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>
|
||||
|
|
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-500.woff
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-500.woff
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-500.woff2
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-500.woff2
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-700.woff
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-700.woff
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-700.woff2
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-700.woff2
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-900.woff
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-900.woff
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-900.woff2
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-900.woff2
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-regular.woff
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-regular.woff
Normal file
Binary file not shown.
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-regular.woff2
Normal file
BIN
client/src/assets/fonts/Roboto/roboto-v29-latin-regular.woff2
Normal file
Binary file not shown.
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue