Adds Poppins font and updates typography across pages

Replaces default system font with locally hosted Poppins font
Adds @font-face definitions for multiple font weights
Updates global font-family across various HTML pages

Improves typography consistency and performance by using local font files
This commit is contained in:
Janus C. H. Knudsen 2025-12-29 13:47:09 +01:00
parent 6c3662f571
commit 97d4b259e7
27 changed files with 1170 additions and 8 deletions

View file

@ -6,6 +6,38 @@
<title>Rapport - POC</title>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
/* ==========================================
FONT FACE (Poppins)
========================================== */
@font-face {
font-family: 'Poppins';
src: url('fonts/Poppins-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('fonts/Poppins-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('fonts/Poppins-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('fonts/Poppins-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* ==========================================
CSS VARIABLES (Design System)
========================================== */
@ -22,7 +54,7 @@
--color-amber: #f59e0b;
--color-red: #e53935;
--color-green: #43a047;
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-mono: 'JetBrains Mono', monospace;
}