Add fonts & CSS Variables

This commit is contained in:
2026-02-22 10:40:46 +01:00
parent a271531489
commit 0723163826
3 changed files with 22 additions and 2 deletions

BIN
assets/fonts/dosvga.ttf Normal file

Binary file not shown.

BIN
assets/fonts/unifont.otf Normal file

Binary file not shown.

View File

@ -1,3 +1,20 @@
@font-face
{
font-family: 'dos';
src: url('fonts/dosvga.ttf');
}
@font-face
{
font-family: 'unifont';
src: url('fonts/unifont.otf');
}
:root
{
--font-header: 'unifont';
--font-body: 'dos';
}
body body
{ {
margin: 0; margin: 0;
@ -11,7 +28,7 @@ html
.navbar ul .navbar ul
{ {
background-color: cyan; background-color: red;
display: flex; display: flex;
list-style-type: none; list-style-type: none;
justify-content: center; justify-content: center;
@ -31,11 +48,13 @@ html
.navbar ul li a .navbar ul li a
{ {
color: black; color: white;
display: block; display: block;
padding: 14px 16px; padding: 14px 16px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
font-size: 1.5em;
font-family: var(--font-header);
} }
.navbar ul li a:hover .navbar ul li a:hover
@ -47,6 +66,7 @@ html
{ {
border: 2px solid blue; border: 2px solid blue;
color: white; color: white;
font-family: var(--font-body);
justify-content: center; justify-content: center;
margin-bottom: 5%; margin-bottom: 5%;
margin-left: 25%; margin-left: 25%;