Files
KDCDesignSystem/assets/fonts/fonts.css
T
Paul Roberts 0edb7c627d
Lint / lint (push) Has been cancelled
fix(fonts): wire fonts.css to actual Manrope + Opificio binaries
- Add @font-face for every Manrope weight 200-800 (incl. new Light/300)
- Map Opificio cuts to lowercase filenames as installed:
  * opificio_light/regular/bold.woff2 -> family "Opificio" (300/400/700)
  * opificio_light_rounded/rounded/bold_rounded.woff2 -> family "Opificio Rounded"
- Restore Opificio README with the actual file -> CSS-weight mapping
- Update Manrope README to list the installed weights

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 19:52:32 +00:00

109 lines
2.8 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* Kode Design Consultants — font-face declarations.
Self-host these files from /assets/fonts/. */
/* ===== Manrope — primary UI typeface (200800) ===== */
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("./Manrope/Manrope-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("./Manrope/Manrope-Light.woff2") format("woff2");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("./Manrope/Manrope-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("./Manrope/Manrope-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("./Manrope/Manrope-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("./Manrope/Manrope-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("./Manrope/Manrope-ExtraBold.woff2") format("woff2");
}
/* ===== Opificio — display / wordmark only =====
Family "Opificio" → squared cuts (Light 300, Regular 400, Bold 700)
Family "Opificio Rounded" → rounded cuts (Light 300, Regular 400, Bold 700) */
@font-face {
font-family: "Opificio";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("./Opificio/opificio_light.woff2") format("woff2");
}
@font-face {
font-family: "Opificio";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("./Opificio/opificio_regular.woff2") format("woff2");
}
@font-face {
font-family: "Opificio";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("./Opificio/opificio_bold.woff2") format("woff2");
}
@font-face {
font-family: "Opificio Rounded";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("./Opificio/opificio_light_rounded.woff2") format("woff2");
}
@font-face {
font-family: "Opificio Rounded";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("./Opificio/opificio_rounded.woff2") format("woff2");
}
@font-face {
font-family: "Opificio Rounded";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("./Opificio/opificio_bold_rounded.woff2") format("woff2");
}
/* ===== Roboto Mono — code / tabular figures only (not a brand typeface) ===== */
@font-face {
font-family: "Roboto Mono";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url("./Roboto-Mono/Roboto-Mono-Regular.woff2") format("woff2");
}