mirror of
https://seed.radicle.dev/rad:z371PVmDHdjJucejRoRYJcDEvD5pp.git
synced 2026-11-16 00:10:37 +08:00
92 lines
2.0 KiB
CSS
92 lines
2.0 KiB
CSS
@font-face {
|
|
font-family: "Inter";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/Inter-Regular.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/Inter-Medium.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/Inter-SemiBold.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/Inter-Bold.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/JetBrainsMono-Regular.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/JetBrainsMono-Medium.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/JetBrainsMono-SemiBold.woff2");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "JetBrains Mono";
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url("/assets/fonts/JetBrainsMono-Bold.woff2");
|
|
}
|
|
|
|
:root {
|
|
--font-family-default: "Inter", sans-serif;
|
|
--font-family-code: "JetBrains Mono", monospace;
|
|
--font-weight-regular: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
--font-size-tiny: 0.75rem; /* 12px */
|
|
--font-size-small: 0.875rem; /* 14px */
|
|
--font-size-regular: 1rem; /* 16px */
|
|
--font-size-medium: 1.125rem; /* 18px */
|
|
--font-size-large: 1.5rem; /* 24px */
|
|
--font-size-x-large: 2rem; /* 32px */
|
|
--font-size-xx-large: 3rem; /* 48px */
|
|
}
|
|
|
|
html {
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-size-adjust: 100%;
|
|
font-family: var(--font-family-default);
|
|
font-feature-settings: "zero";
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-regular);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
html {
|
|
font-size: 14px;
|
|
}
|
|
}
|