bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Using font fallback.

Browse source
This commit is contained in:
Bob Vandevliet 2024-07-18 15:45:46 +02:00
parent ff8b898ec4
commit 666f52e65a
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/scss/styles.scss
View file

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