Skip to content

Commit 4f665b7

Browse files
committed
style: use geist font instead
Signed-off-by: Akshay Mestry <[email protected]>
1 parent d7de54a commit 4f665b7

File tree

2 files changed

+190
-3
lines changed

2 files changed

+190
-3
lines changed

theme/base/static/geist.css

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
/* geist-sans-latin-100-normal */
2+
@font-face {
3+
font-family: 'Geist Sans';
4+
font-style: normal;
5+
font-display: swap;
6+
font-weight: 100;
7+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-100-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-100-normal.woff) format('woff');
8+
}
9+
10+
/* geist-sans-latin-200-normal */
11+
@font-face {
12+
font-family: 'Geist Sans';
13+
font-style: normal;
14+
font-display: swap;
15+
font-weight: 200;
16+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-200-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-200-normal.woff) format('woff');
17+
}
18+
19+
/* geist-sans-latin-300-normal */
20+
@font-face {
21+
font-family: 'Geist Sans';
22+
font-style: normal;
23+
font-display: swap;
24+
font-weight: 300;
25+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-300-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-300-normal.woff) format('woff');
26+
}
27+
28+
/* geist-sans-latin-400-normal */
29+
@font-face {
30+
font-family: 'Geist Sans';
31+
font-style: normal;
32+
font-display: swap;
33+
font-weight: 400;
34+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-400-normal.woff) format('woff');
35+
}
36+
37+
/* geist-sans-latin-500-normal */
38+
@font-face {
39+
font-family: 'Geist Sans';
40+
font-style: normal;
41+
font-display: swap;
42+
font-weight: 500;
43+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-500-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-500-normal.woff) format('woff');
44+
}
45+
46+
/* geist-sans-latin-600-normal */
47+
@font-face {
48+
font-family: 'Geist Sans';
49+
font-style: normal;
50+
font-display: swap;
51+
font-weight: 600;
52+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-600-normal.woff) format('woff');
53+
}
54+
55+
/* geist-sans-latin-700-normal */
56+
@font-face {
57+
font-family: 'Geist Sans';
58+
font-style: normal;
59+
font-display: swap;
60+
font-weight: 700;
61+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-700-normal.woff) format('woff');
62+
}
63+
64+
/* geist-sans-latin-800-normal */
65+
@font-face {
66+
font-family: 'Geist Sans';
67+
font-style: normal;
68+
font-display: swap;
69+
font-weight: 800;
70+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-800-normal.woff) format('woff');
71+
}
72+
73+
/* geist-sans-latin-900-normal */
74+
@font-face {
75+
font-family: 'Geist Sans';
76+
font-style: normal;
77+
font-display: swap;
78+
font-weight: 900;
79+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-900-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-sans@latest/latin-900-normal.woff) format('woff');
80+
}
81+
82+
/* geist-mono-latin-100-normal */
83+
@font-face {
84+
font-family: 'Geist Mono';
85+
font-style: normal;
86+
font-display: swap;
87+
font-weight: 100;
88+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-100-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-100-normal.woff) format('woff');
89+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
90+
}
91+
92+
/* geist-mono-latin-200-normal */
93+
@font-face {
94+
font-family: 'Geist Mono';
95+
font-style: normal;
96+
font-display: swap;
97+
font-weight: 200;
98+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-200-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-200-normal.woff) format('woff');
99+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
100+
}
101+
102+
/* geist-mono-latin-300-normal */
103+
@font-face {
104+
font-family: 'Geist Mono';
105+
font-style: normal;
106+
font-display: swap;
107+
font-weight: 300;
108+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-300-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-300-normal.woff) format('woff');
109+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
110+
}
111+
112+
/* geist-mono-latin-400-normal */
113+
@font-face {
114+
font-family: 'Geist Mono';
115+
font-style: normal;
116+
font-display: swap;
117+
font-weight: 400;
118+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-400-normal.woff) format('woff');
119+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
120+
}
121+
122+
/* geist-mono-latin-500-normal */
123+
@font-face {
124+
font-family: 'Geist Mono';
125+
font-style: normal;
126+
font-display: swap;
127+
font-weight: 500;
128+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-500-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-500-normal.woff) format('woff');
129+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
130+
}
131+
132+
/* geist-mono-latin-600-normal */
133+
@font-face {
134+
font-family: 'Geist Mono';
135+
font-style: normal;
136+
font-display: swap;
137+
font-weight: 600;
138+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-600-normal.woff) format('woff');
139+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
140+
}
141+
142+
/* geist-mono-latin-700-normal */
143+
@font-face {
144+
font-family: 'Geist Mono';
145+
font-style: normal;
146+
font-display: swap;
147+
font-weight: 700;
148+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-700-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-700-normal.woff) format('woff');
149+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
150+
}
151+
152+
/* geist-mono-latin-800-normal */
153+
@font-face {
154+
font-family: 'Geist Mono';
155+
font-style: normal;
156+
font-display: swap;
157+
font-weight: 800;
158+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-800-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-800-normal.woff) format('woff');
159+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
160+
}
161+
162+
/* geist-mono-latin-900-normal */
163+
@font-face {
164+
font-family: 'Geist Mono';
165+
font-style: normal;
166+
font-display: swap;
167+
font-weight: 900;
168+
src: url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-900-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono@latest/latin-900-normal.woff) format('woff');
169+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
170+
}

theme/base/static/smart.css

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
@import url("geist.css");
12
@import url("theme.css");
23

34
:root {
@@ -40,23 +41,35 @@
4041
}
4142

4243
html {
44+
text-rendering: optimizeLegibility;
45+
-webkit-font-smoothing: antialiased;
4346
font-size: 1.125rem
4447
}
4548

49+
.font-sans {
50+
font-family: "Geist Sans", sans-serif
51+
}
52+
4653
code,
4754
kbd,
4855
pre,
4956
samp {
50-
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
57+
font-family: "Geist Mono", ui-monospace, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
5158
padding-left: 1rem
5259
}
5360

61+
b,
62+
strong,
63+
.font-bold {
64+
font-weight: 600;
65+
}
66+
5467
#content h1 {
5568
font-size: 3rem;
5669
font-weight: 600;
5770
line-height: 3.5rem;
5871
text-align: center;
59-
letter-spacing: -2.88px;
72+
letter-spacing: -3.36px;
6073
margin-bottom: 32px
6174
}
6275

@@ -77,9 +90,14 @@ samp {
7790
.highlighted,
7891
#content a:not(.toc-backref) {
7992
text-decoration-line: none;
93+
font-weight: inherit;
8094
color: hsl(var(--link))
8195
}
8296

97+
#content section>p {
98+
line-height: 1.5rem
99+
}
100+
83101
#content section>p.lead {
84102
color: hsl(var(--muted-foreground));
85103
font-size: 24px;
@@ -176,7 +194,6 @@ code {
176194

177195
pre {
178196
background-color: hsl(var(--code-background));
179-
;
180197
margin-top: 32px;
181198
overflow-x: auto;
182199
padding-bottom: 20px;

0 commit comments

Comments
 (0)