2025-08-21 15:58:23 +08:00

177 lines
4.1 KiB
CSS

@font-face {
font-family: "Space Grotesk";
src: url(/assets/fonts/space/SpaceGrotesk-SemiBold.woff2) format("woff2"),
url(/assets/fonts/space/SpaceGrotesk-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Space Grotesk";
src: url(/assets/fonts/space/SpaceGrotesk-Light.woff2) format("woff2"),
url(/assets/fonts/space/SpaceGrotesk-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Space Grotesk";
src: url(/assets/fonts/space/SpaceGrotesk-Bold.woff2) format("woff2"),
url(/assets/fonts/space/SpaceGrotesk-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Space Grotesk";
src: url(/assets/fonts/space/SpaceGrotesk-Medium.woff2) format("woff2"),
url(/assets/fonts/space/SpaceGrotesk-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Space Grotesk";
src: url(/assets/fonts/space/SpaceGrotesk-Regular.woff2) format("woff2"),
url(/assets/fonts/space/SpaceGrotesk-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: block;
}
.font-space {
font-family: "Space Grotesk", sans-serif !important;
font-size: 0.85rem !important;
}
.font-space * {
word-spacing: normal !important;
}
.font-space em {
font-family: "IBM Plex Serif", serif;
}
.font-space .counter-wrapper p,
.font-space .lead,
.font-space .nav-tabs.nav-tabs-bg .nav-link p,
.font-space blockquote,
.font-space body {
font-weight: 400;
}
.font-space .accordion-wrapper .card-header button,
.font-space .badge,
.font-space .btn,
.font-space .btn.btn-circle .number,
.font-space .collapse-link,
.font-space .display-1,
.font-space .display-2,
.font-space .display-3,
.font-space .display-4,
.font-space .display-5,
.font-space .display-6,
.font-space .dropdown-item,
.font-space .filter:not(.basic-filter),
.font-space .filter:not(.basic-filter) ul li a,
.font-space .h1,
.font-space .h2,
.font-space .h3,
.font-space .h4,
.font-space .h5,
.font-space .h6,
.font-space .meta,
.font-space .more,
.font-space .nav-link,
.font-space .post-category,
.font-space h1,
.font-space h2,
.font-space h3,
.font-space h4,
.font-space h5,
.font-space h6 {
font-weight: 600 !important;
}
.font-space .btn .more,
.font-space .dropdown-item,
.font-space .nav-link {
letter-spacing: normal !important;
}
.font-space .btn,
.font-space .lg-sub-html p,
.font-space .nav-link,
.font-space .nav-link p,
.font-space .navbar .btn-sm {
font-size: 0.85rem !important;
}
.font-space .dropdown-menu {
font-size: 0.8rem;
}
.font-space .btn-group-sm > .btn,
.font-space .btn-sm,
.font-space .post-meta,
.font-space .share-dropdown .dropdown-menu .dropdown-item {
font-size: 0.75rem;
}
.font-space .accordion-wrapper .card-header button,
.font-space .collapse-link,
.font-space .nav-tabs .nav-link {
font-size: 0.9rem !important;
}
.font-space .btn {
padding-top: 0.55rem;
padding-bottom: 0.45rem;
}
.font-space .btn-group-sm > .btn,
.font-space .btn-sm {
padding-top: 0.45rem;
padding-bottom: 0.35rem;
}
.font-space .btn-group-lg > .btn,
.font-space .btn-lg {
padding-top: 0.7rem;
padding-bottom: 0.6rem;
}
.font-space blockquote.icon:before {
top: -0.9rem;
}
.font-space .counter-wrapper p {
font-size: 0.85rem;
}
.font-space .counter-wrapper .counter {
font-size: calc(1.33rem + 0.96vw);
}
@media (min-width: 1200px) {
.font-space .counter-wrapper .counter {
font-size: 2.05rem;
}
}
.font-space .counter-wrapper .counter.counter-lg {
font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
.font-space .counter-wrapper .counter.counter-lg {
font-size: 2.25rem;
}
}
.font-space .lead {
font-size: 0.95rem;
line-height: 1.6;
}
.font-space .lead.fs-lg {
line-height: 1.55;
}
.font-space .display-1 {
line-height: 1.15;
}
.font-space .display-2 {
line-height: 1.2;
}
.font-space .display-3 {
line-height: 1.2;
}
.font-space .display-4 {
line-height: 1.25;
}
.font-space .display-5 {
line-height: 1.25;
}
.font-space .display-6 {
line-height: 1.3;
}