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

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

View File

@ -9,6 +9,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<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 rel="preload" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100&display=block" as="style" onload="this.rel = 'stylesheet'"/>
</head>
<body>
<app-root></app-root>

View File

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