66 lines
1.8 KiB
CSS
66 lines
1.8 KiB
CSS
/*
|
|
* osg-fonts.css — self-hosted brand faces, copied verbatim (same woff2
|
|
* files) from openshopgraph-frontend-v2 src/styles/site-fonts.css so the
|
|
* status page renders with the same type system as openshopgraph.org.
|
|
* No font CDNs at runtime — files live in /public/fonts/.
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'Cabinet Grotesk';
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/cabinet-grotesk-700.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Cabinet Grotesk';
|
|
font-weight: 800;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/cabinet-grotesk-800.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Switzer';
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/switzer-400.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Switzer';
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/switzer-500.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Switzer';
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/switzer-600.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Martian Mono';
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/martian-mono-400.woff2') format('woff2');
|
|
}
|
|
@font-face {
|
|
font-family: 'Martian Mono';
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
src: url('/fonts/martian-mono-600.woff2') format('woff2');
|
|
}
|
|
|
|
:root {
|
|
--font-display:
|
|
'Cabinet Grotesk', 'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
Arial, sans-serif;
|
|
--font-body:
|
|
'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
|
|
--font-facts: 'Martian Mono', 'SF Mono', SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
|
|
}
|