mathias2784/raum-und-linie-webseite
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fonts and colors

Browse Source
This commit is contained in:
mathias2784
2026-09-27 15:13:00 +02:00
parent 6004595d60
commit 4742f724f1
6 changed files with 201 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/fonts/montserrat-latin-400-aspect.woff2
BIN
View File
Binary file not shown.
site/fonts/montserrat-latin-700-aspect.woff2
BIN
View File
Binary file not shown.
site/index.html
+5 -8
View File
@@ -6,13 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Raum und Linie</title>
<meta name="description" content="Raum für Deine Ideen." />
<link rel="preload" href="fonts/montserrat-latin-400-aspect.woff2" as="font"
type="font/woff2" crossorigin />
<link rel="stylesheet" href="style/base.css" />
<style>
body {
background-color: var(--color-background);
font-family: var(--font-body)
}
</style>
</head>
<body>
@@ -21,9 +18,9 @@
</header>
<main>
<p>Hier entsteht eine neue Seite.</p>
<p>🚧 Hier entsteht eine neue Seite.</p>
<p>
Der schnellste Weg zu mir:
📬 Der schnellste Weg zu mir:
<a href="mailto:mail@raum-und-linie.de">mail@raum-und-linie.de</a>.
</p>
</main>
site/style/base.css
+46 -3
View File
@@ -1,5 +1,48 @@
:root{
--color-background: #faf9f7;
--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400; /* 400 = Regular */
font-display: swap; /* show the fallback first, swap in later */
src: url("../fonts/montserrat-latin-400-aspect.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/montserrat-latin-700-aspect.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
--color-canvas: #faf9f7;
--color-banner-background: #435245;
--color-banner-text: orange;
--font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body {
background-color: var(--color-canvas);
font-family: var(--font-body);
margin: 0px;
}
header {
color: var(--color-banner-text);
background-color: var(--color-banner-background);
padding-left: 32px;
display: flex;
justify-content: center;
}
main {
max-width: 42rem;
margin-inline: auto;
padding-inline: 1rem;
}