Suspectus/gandalf-reborn
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Enhance font loading and styling with preload link and responsive font size adjustments

Browse Source
This commit is contained in:
Christian Werner 2025-11-11 22:50:28 +01:00
parent b8ef8bd67e
commit 25fdb8e42e
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/angular/frontend/src/index.html
View File

@ -9,6 +9,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100&display=block" as="style" onload="this.rel = 'stylesheet'"/>
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>

6
src/angular/frontend/src/styles.scss
View File

@ -10,6 +10,12 @@ html, input, button {
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-variation-settings: "wdth" 100; font-variation-settings: "wdth" 100;
transition: font-size 0.3s ease-in-out;
@media (max-width: 768px) {
font-size: 14px;
}
} }
body { body {