Added fonts

This commit is contained in:
Igor Hrenowitsch Propisnov 2024-09-11 21:49:19 +02:00
parent dff76010d9
commit f03df3386c
18 changed files with 119 additions and 9 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,99 @@
// src/assets/scss/_fonts.scss
@font-face {
font-family: 'Nunito Sans Regular';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans Regular'), url('../fonts/NunitoSans-Regular.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Italic';
font-style: italic;
font-weight: normal;
src: local('Nunito Sans Italic'), url('../fonts/NunitoSans-Italic.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans ExtraLight';
font-style: normal;
font-weight: 200;
src: local('Nunito Sans ExtraLight'), url('../fonts/NunitoSans-ExtraLight.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans ExtraLight Italic';
font-style: italic;
font-weight: 200;
src: local('Nunito Sans ExtraLight Italic'), url('../fonts/NunitoSans-ExtraLightItalic.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Light';
font-style: normal;
font-weight: 300;
src: local('Nunito Sans Light'), url('../fonts/NunitoSans-Light.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Light Italic';
font-style: italic;
font-weight: 300;
src: local('Nunito Sans Light Italic'), url('../fonts/NunitoSans-LightItalic.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans SemiBold';
font-style: normal;
font-weight: 600;
src: local('Nunito Sans SemiBold'), url('../fonts/NunitoSans-SemiBold.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans SemiBold Italic';
font-style: italic;
font-weight: 600;
src: local('Nunito Sans SemiBold Italic'), url('../fonts/NunitoSans-SemiBoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Bold';
font-style: normal;
font-weight: bold;
src: local('Nunito Sans Bold'), url('../fonts/NunitoSans-Bold.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Bold Italic';
font-style: italic;
font-weight: bold;
src: local('Nunito Sans Bold Italic'), url('../fonts/NunitoSans-BoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans ExtraBold';
font-style: normal;
font-weight: 800;
src: local('Nunito Sans ExtraBold'), url('../fonts/NunitoSans-ExtraBold.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans ExtraBold Italic';
font-style: italic;
font-weight: 800;
src: local('Nunito Sans ExtraBold Italic'), url('../fonts/NunitoSans-ExtraBoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Black';
font-style: normal;
font-weight: 900;
src: local('Nunito Sans Black'), url('../fonts/NunitoSans-Black.woff') format('woff');
}
@font-face {
font-family: 'Nunito Sans Black Italic';
font-style: italic;
font-weight: 900;
src: local('Nunito Sans Black Italic'), url('../fonts/NunitoSans-BlackItalic.woff') format('woff');
}

View File

@ -5,7 +5,6 @@
<title>Frontend</title>
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<app-root></app-root>

View File

@ -1,15 +1,12 @@
// Import PrimeNG styles
// @import 'primeng/resources/themes/lara-light-blue/theme.css';
// @import 'primeng/resources/primeng.css';
// // PrimeNG icons
// @import 'primeicons/primeicons.css';
@tailwind base;
@tailwind components;
@tailwind utilities;
// Nunito Sans
@import './assets/scss/font.scss';
// TODO: Dirty Hack, Remove later
:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
scrollbar-gutter: auto
;}

View File

@ -4,7 +4,22 @@ module.exports = {
"./src/**/*.{html,ts}",
],
theme: {
extend: {},
fontFamily: {
'sans': ['"Nunito Sans Regular"', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif'],
'serif': ['"Nunito Sans Regular"', 'ui-serif', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
'mono': ['"Nunito Sans Regular"', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace'],
},
extend: {
fontFamily: {
'nunito-sans-italic': ['"Nunito Sans Italic"', 'sans-serif'],
'nunito-sans-extralight': ['"Nunito Sans ExtraLight"', 'sans-serif'],
'nunito-sans-light': ['"Nunito Sans Light"', 'sans-serif'],
'nunito-sans-semibold': ['"Nunito Sans SemiBold"', 'sans-serif'],
'nunito-sans-bold': ['"Nunito Sans Bold"', 'sans-serif'],
'nunito-sans-extrabold': ['"Nunito Sans ExtraBold"', 'sans-serif'],
'nunito-sans-black': ['"Nunito Sans Black"', 'sans-serif'],
}
}
},
plugins: [require('daisyui'), require('tailwindcss-animated')],
daisyui: {