Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

integrated fonts

Browse Source
This commit is contained in:
Timo 2021-06-28 14:59:31 +03:00
parent 5f9acc8a9e
commit ece47e4c23
4 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
apps/red-ui/src/assets/font/Inter-VariableFont.ttf Normal file
View File

Binary file not shown.

36
apps/red-ui/src/assets/styles/red-fonts.scss Normal file
View File

@ -0,0 +1,36 @@
/* inter-regular - latin */
@font-face {
font-family: 'OpenSans Extrabold';
src: url('../font/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: 'Inter';
font-weight: 300;
src: url('../font/Inter-VariableFont.ttf') format('truetype');
}
@font-face {
font-family: 'Inter';
font-weight: 400;
src: url('../font/Inter-VariableFont.ttf') format('truetype');
}
@font-face {
font-family: 'Inter';
font-weight: 500;
src: url('../font/Inter-VariableFont.ttf') format('truetype');
}
@font-face {
font-family: 'Inter';
font-weight: 600;
src: url('../font/Inter-VariableFont.ttf') format('truetype');
}
@font-face {
font-family: 'Inter';
font-weight: 700;
src: url('../font/Inter-VariableFont.ttf') format('truetype');
}

9
apps/red-ui/src/assets/styles/red-page-layout.scss
View File

@ -1,17 +1,12 @@
@import 'red-variables';
@import 'red-mixins';
@font-face {
font-family: 'OpenSans Extrabold';
src: url('../font/OpenSans-ExtraBold.ttf') format('truetype');
}
html,
body {
margin: 0;
padding: 0;
height: 100vh;
font-family: Inter, sans-serif;
font-family: 'Inter', sans-serif;
color: $accent;
font-size: 13px;
line-height: 16px;
@ -282,7 +277,7 @@ section.settings {
.detail-row {
opacity: 1;
font-family: Inconsolata, monospace, monospace;
font-family: Inter, sans-serif;
font-size: 14px;
letter-spacing: 0;
line-height: 14px;

3
apps/red-ui/src/assets/styles/red-theme.scss
View File

@ -1,5 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;500;600;700&display=swap');
@import 'red-fonts';
@import '~ngx-toastr/toastr';
@import 'red-material-theme';
@import 'red-page-layout';