Apply correct fonts: Combined for titles, BBBDMSans for body text

This commit is contained in:
Pontoporeia
2026-04-07 14:14:33 +02:00
parent 572ef75a1e
commit 797eaf87d1
4 changed files with 50 additions and 10 deletions

View File

@@ -2,6 +2,14 @@
## Completed ## Completed
- [x] Apply correct fonts site-wide
- Registered `Combined` (@font-face, replaces old `police1`) and all 4 weights of `BBBDMSans` in `common.css`
- `body` now uses `BBBDMSans` as base font
- Header brand logo keeps `Combined`
- `tfe.css`: `.tfe-title` and `.tfe-author` use `Combined`
- `apropos.css`: prose body → `BBBDMSans`; h1/h2/h3, `.apropos-section-title`, `.apropos-licences h2``Combined`
- Code blocks keep `Courier New` monospace
- [x] Répertoire: rename search.php → repertoire.php, 6-column layout (AP + Orientations split, Finalité du Master added), HTMX server-side intersection filter, faded entries disabled, URL-shareable state - [x] Répertoire: rename search.php → repertoire.php, 6-column layout (AP + Orientations split, Finalité du Master added), HTMX server-side intersection filter, faded entries disabled, URL-shareable state
- [x] Match Accueil.png mockup - [x] Match Accueil.png mockup
- Nav: brand → "Xamxam", add Répertoire left, Licences/À Propos right - Nav: brand → "Xamxam", add Répertoire left, Licences/À Propos right

View File

@@ -35,7 +35,7 @@
/* ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ */
.prose { .prose {
font-family: "Courier New", Courier, monospace; font-family: "BBBDMSans", sans-serif;
font-size: 1.55rem; font-size: 1.55rem;
line-height: 1.45; line-height: 1.45;
color: var(--text-primary); color: var(--text-primary);
@@ -50,7 +50,7 @@
.prose h1, .prose h1,
.prose h2, .prose h2,
.prose h3 { .prose h3 {
font-family: "Courier New", Courier, monospace; font-family: "Combined", sans-serif;
font-weight: 400; font-weight: 400;
margin: 1.5em 0 0.5em 0; margin: 1.5em 0 0.5em 0;
} }
@@ -78,7 +78,7 @@
.prose em { font-style: italic; } .prose em { font-style: italic; }
.prose code { .prose code {
font-family: "Courier New", Courier, monospace; font-family: "Courier New", Courier, monospace; /* keep monospace for code */
font-size: 0.9em; font-size: 0.9em;
background: var(--bg-tertiary); background: var(--bg-tertiary);
padding: .1em .3em; padding: .1em .3em;
@@ -96,7 +96,7 @@
} }
.apropos-section-title { .apropos-section-title {
font-family: "Courier New", Courier, monospace; font-family: "Combined", sans-serif;
font-size: 1.55rem; font-size: 1.55rem;
font-weight: 400; font-weight: 400;
color: var(--text-primary); color: var(--text-primary);
@@ -149,7 +149,7 @@
} }
.apropos-licences h2 { .apropos-licences h2 {
font-family: "Courier New", Courier, monospace; font-family: "Combined", sans-serif;
font-size: 1.55rem; font-size: 1.55rem;
font-weight: 400; font-weight: 400;
margin: 0 0 0.75rem 0; margin: 0 0 0.75rem 0;

View File

@@ -1,13 +1,45 @@
@import url("./variables.css"); @import url("./variables.css");
@font-face { @font-face {
font-family: "police1"; font-family: "Combined";
src: url("../fonts/Combinedd.otf") format("opentype"); src: url("../fonts/Combinedd.otf") format("opentype");
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
} }
@font-face {
font-family: "BBBDMSans";
src: url("../fonts/BBBDMSans-Light.otf") format("opentype");
font-style: normal;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "BBBDMSans";
src: url("../fonts/BBBDMSans-Regular.otf") format("opentype");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "BBBDMSans";
src: url("../fonts/BBBDMSans-Medium.otf") format("opentype");
font-style: normal;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "BBBDMSans";
src: url("../fonts/BBBDMSans-Bold.otf") format("opentype");
font-style: normal;
font-weight: 700;
font-display: swap;
}
*, *,
*::before, *::before,
*::after { *::after {
@@ -22,9 +54,7 @@ body {
} }
body { body {
font-family: font-family: "BBBDMSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
Arial, sans-serif;
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -78,7 +108,7 @@ header nav {
} }
header nav > a { header nav > a {
font-family: "police1", sans-serif; font-family: "Combined", sans-serif;
font-size: 1.1rem; font-size: 1.1rem;
letter-spacing: 0.12em; letter-spacing: 0.12em;
text-transform: uppercase; text-transform: uppercase;

View File

@@ -42,6 +42,7 @@
/* Title (h1) — primary heading, very large */ /* Title (h1) — primary heading, very large */
.tfe-title { .tfe-title {
font-family: "Combined", sans-serif;
font-size: 2.2rem; font-size: 2.2rem;
font-weight: 400; font-weight: 400;
color: var(--text-primary); color: var(--text-primary);
@@ -52,6 +53,7 @@
/* Author (p) — large but secondary */ /* Author (p) — large but secondary */
.tfe-author { .tfe-author {
font-family: "Combined", sans-serif;
font-size: 1.9rem; font-size: 1.9rem;
font-weight: 400; font-weight: 400;
color: var(--text-primary); color: var(--text-primary);