Using font fallback.

This commit is contained in:
Bob Vandevliet 2024-07-18 15:45:46 +02:00
parent ff8b898ec4
commit 666f52e65a

View file

@ -68,11 +68,13 @@ $primary: $red; // Default: $blue
@font-face { @font-face {
font-family: 'Century Gothic'; font-family: 'Century Gothic';
src: url('../font/GOTHICB.TTF') format('truetype'); src: url('../font/GOTHICB.TTF') format('truetype');
font-display: fallback;
} }
@font-face { @font-face {
font-family: 'Eras ITC'; font-family: 'Eras ITC';
src: url('../font/ERASMD.TTF') format('truetype'); src: url('../font/ERASMD.TTF') format('truetype');
font-display: fallback;
} }
:target::before { :target::before {
@ -96,14 +98,14 @@ $primary: $red; // Default: $blue
h1, h1,
h2 { h2 {
font-family: 'Century Gothic', sans-serif; font-family: 'Century Gothic', var(--#{$prefix}font-sans-serif);
} }
h3, h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: 'Eras ITC', sans-serif; font-family: 'Eras ITC', var(--#{$prefix}font-sans-serif);
} }
h1:hover .anchor-link, h1:hover .anchor-link,
@ -158,7 +160,7 @@ body.is-scrolled .navbar {
.nav-item, .nav-item,
.nav-link { .nav-link {
@extend .text-white; @extend .text-white;
font-family: 'Eras ITC', sans-serif; font-family: 'Eras ITC', var(--#{$prefix}font-sans-serif);
} }
.navbar-nav .btn { .navbar-nav .btn {