max/www
1
1
Fork 0
Code Pull requests Activity

Implement Transitional Modern Font Stacks

Browse source 
More information: https://github.com/system-fonts/modern-font-stacks#transitional

Signed-off-by: Max Charrier <max@puffer.fish>
This commit is contained in:
max 2025-04-22 09:05:49 +02:00
parent dac66ea33e
commit 27d77894a9
Signed by: max
GPG key ID: 71493A1FDE0E9C6F
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
stylesheet.css
View file

@ -1,3 +1,8 @@
:root {
--system-ui: ui-serif, Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body { body {
background-color: #f1e9df; background-color: #f1e9df;
width: 960px; width: 960px;
@ -6,6 +11,8 @@ body {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
gap: 60px; gap: 60px;
font-family: var(--system-ui);
font-weight: normal; /* 400 */
font-size: 1.1rem; font-size: 1.1rem;
} }
header { header {
@ -29,8 +36,8 @@ header nav menu li {
} }
header nav menu a { header nav menu a {
color: #555; color: #555;
font-weight: bold; /* 700 */
font-size: 0.95rem; font-size: 0.95rem;
font-weight: bold;
text-decoration: none; text-decoration: none;
} }
main { main {
@ -40,7 +47,7 @@ main {
main h2, main a { main h2, main a {
color: #333; color: #333;
margin-bottom: 30px; margin-bottom: 30px;
font-weight: bold; font-weight: bold; /* 700 */
} }
main p { main p {
margin-bottom: 20px; margin-bottom: 20px;