Font family css helper class.

This commit is contained in:
Bob Vandevliet 2024-08-18 14:55:44 +02:00
parent 5f8dda95e2
commit 5975d61660
2 changed files with 3 additions and 1 deletions

View file

@ -6,7 +6,7 @@
<div class="card h-100"> <div class="card h-100">
<div class="card-body"> <div class="card-body">
<h2 class="section fs-4 card-title" id="section-contact">Contact</h2> <h2 class="section fs-4 card-title" id="section-contact">Contact</h2>
<h3 style="font-family: Century Gothic;">Bob Vandevliet</h3> <h3 class="ff-header">Bob Vandevliet</h3>
<p>Gecertificeerd FPV-dronepiloot voor open categorie A1 en A3 (binnenkort ook A2).</p> <p>Gecertificeerd FPV-dronepiloot voor open categorie A1 en A3 (binnenkort ook A2).</p>
<h4 class="fs-5">Email</h4> <h4 class="fs-5">Email</h4>
<p><a href="mailto:bob@vandevliet-aerialshots.com">bob@vandevliet-aerialshots.com</a></p> <p><a href="mailto:bob@vandevliet-aerialshots.com">bob@vandevliet-aerialshots.com</a></p>

View file

@ -113,12 +113,14 @@ main>* {
transition: opacity 0.2s; transition: opacity 0.2s;
} }
.ff-header,
h1, h1,
h2 { h2 {
font-family: 'Century Gothic', font-family: 'Century Gothic',
var(--#{$prefix}font-sans-serif); var(--#{$prefix}font-sans-serif);
} }
.ff-subheader,
h3, h3,
h4, h4,
h5, h5,