From 8922465d6078770cfa5d631dd650561c945adfa1 Mon Sep 17 00:00:00 2001 From: Nico Haider Date: Thu, 21 Aug 2025 01:08:28 +0200 Subject: [PATCH] styling(core): add font and icons --- package-lock.json | 94 +++++++++++++++++++++++++++++++++++++++++++++++ package.json | 6 +++ src/styles.scss | 4 +- tsconfig.json | 4 +- 4 files changed, 105 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 2462383..a7de766 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,12 @@ "@angular/forms": "^20.2.0", "@angular/platform-browser": "^20.2.0", "@angular/router": "^20.2.0", + "@fontsource-variable/open-sans": "^5.2.6", + "@fortawesome/angular-fontawesome": "^3.0.0", + "@fortawesome/fontawesome-free": "^7.0.0", + "@fortawesome/free-brands-svg-icons": "^7.0.0", + "@fortawesome/free-regular-svg-icons": "^7.0.0", + "@fortawesome/free-solid-svg-icons": "^7.0.0", "@primeuix/themes": "^1.2.3", "@tailwindcss/postcss": "^4.1.12", "postcss": "^8.5.6", @@ -967,6 +973,94 @@ "node": ">=18" } }, + "node_modules/@fontsource-variable/open-sans": { + "version": "5.2.6", + "resolved": "https://registry.npmjs.org/@fontsource-variable/open-sans/-/open-sans-5.2.6.tgz", + "integrity": "sha512-O596UvQZ7KkR8yDJWIP8UZZoqs0DHpYsrL0Szml0/EkrJ35HcMIM3bJ3sSAIAjWsBSqKgzV2HJEIuhvxBd1iog==", + "license": "OFL-1.1", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, + "node_modules/@fortawesome/angular-fontawesome": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/angular-fontawesome/-/angular-fontawesome-3.0.0.tgz", + "integrity": "sha512-+8Dd6DoJnqArfrZ5NvjHyRL64IIkTigXclbOOcFdYQ8/WFERQUDaEU6SAV8Q0JBpJhMS1McED7YCOCAE6SIVyA==", + "license": "MIT", + "dependencies": { + "@fortawesome/fontawesome-svg-core": "^7.0.0", + "tslib": "^2.8.1" + }, + "peerDependencies": { + "@angular/core": "^20.0.0" + } + }, + "node_modules/@fortawesome/fontawesome-common-types": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.0.0.tgz", + "integrity": "sha512-PGMrIYXLGA5K8RWy8zwBkd4vFi4z7ubxtet6Yn13Plf6krRTwPbdlCwlcfmoX0R7B4Z643QvrtHmdQ5fNtfFCg==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/fontawesome-free": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.0.0.tgz", + "integrity": "sha512-X48nISrSOa89zu2VMljC4XaRf8NmgTwQBVHfS2Nu5G00ZwM31oOVrAtGxZF3b6wDYf9lJsf/Eq4cCSFKIkOWPQ==", + "license": "(CC-BY-4.0 AND OFL-1.1 AND MIT)", + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/fontawesome-svg-core": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.0.0.tgz", + "integrity": "sha512-obBEF+zd98r/KtKVW6A+8UGWeaOoyMpl6Q9P3FzHsOnsg742aXsl8v+H/zp09qSSu/a/Hxe9LNKzbBaQq1CEbA==", + "license": "MIT", + "dependencies": { + "@fortawesome/fontawesome-common-types": "7.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-brands-svg-icons": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-7.0.0.tgz", + "integrity": "sha512-C8oY28gq/Qx/cHReJa2AunKJUHvUZDVoPlSTHtAvjriaNfi+5nugW4cx7yA/xN3f/nYkElw11gFBoJ2xUDDFgg==", + "license": "(CC-BY-4.0 AND MIT)", + "dependencies": { + "@fortawesome/fontawesome-common-types": "7.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-regular-svg-icons": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-7.0.0.tgz", + "integrity": "sha512-qAh0mTaCY22sQzMK2lKBrtn/aR4keUu5XmtdYR7d702laMe0h+Ab4Kj2pExR9HZkKhjKoq8pbwt8Td+mjW/ipQ==", + "license": "(CC-BY-4.0 AND MIT)", + "dependencies": { + "@fortawesome/fontawesome-common-types": "7.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-solid-svg-icons": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.0.0.tgz", + "integrity": "sha512-njSLAllkOddYDCXgTFboXn54Oe5FcvpkWq+FoetOHR64PbN0608kM02Lze0xtISGpXgP+i26VyXRQA0Irh3Obw==", + "license": "(CC-BY-4.0 AND MIT)", + "dependencies": { + "@fortawesome/fontawesome-common-types": "7.0.0" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/@inquirer/checkbox": { "version": "4.2.1", "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.2.1.tgz", diff --git a/package.json b/package.json index 998a1e0..a9f8da3 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,12 @@ "@angular/forms": "^20.2.0", "@angular/platform-browser": "^20.2.0", "@angular/router": "^20.2.0", + "@fontsource-variable/open-sans": "^5.2.6", + "@fortawesome/angular-fontawesome": "^3.0.0", + "@fortawesome/fontawesome-free": "^7.0.0", + "@fortawesome/free-brands-svg-icons": "^7.0.0", + "@fortawesome/free-regular-svg-icons": "^7.0.0", + "@fortawesome/free-solid-svg-icons": "^7.0.0", "@primeuix/themes": "^1.2.3", "@tailwindcss/postcss": "^4.1.12", "postcss": "^8.5.6", diff --git a/src/styles.scss b/src/styles.scss index 9059f05..31340f5 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,8 +1,10 @@ @use "tailwindcss"; +@import '@fontsource-variable/open-sans/wght.css'; +@import '@fortawesome/fontawesome-free/css/all.css'; body { + font-family: 'Open Sans Variable', sans-serif; margin: 0; padding: 15px; - font-family: sans-serif; // Inter über Fontsource font-size: 14px; } \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json index e4955f2..769b80e 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -9,11 +9,11 @@ "noImplicitReturns": true, "noFallthroughCasesInSwitch": true, "skipLibCheck": true, - "isolatedModules": true, + "isolatedModules": false, "experimentalDecorators": true, "importHelpers": true, "target": "ES2022", - "module": "preserve" + "module": "preserve", }, "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false,