|
2 | 2 |
|
3 | 3 | @font-face { |
4 | 4 | font-family: "JetBrainsMono"; |
5 | | - src: url(../fonts/JetBrainsMono-Regular.ttf) format("opentype"); |
6 | | - font-display: swap; |
7 | | -} |
8 | | - |
9 | | -@font-face { |
10 | | - font-family: "Optician Sans"; |
11 | | - src: url(../fonts/Optician-Sans.otf) format("opentype"); |
12 | | - font-display: swap; |
13 | | -} |
14 | | - |
15 | | -@font-face { |
16 | | - font-family: "Geist"; |
17 | | - src: url(../fonts/Geist-Regular.otf) format("opentype"); |
| 5 | + src: url("../fonts/JetBrainsMono-Regular.woff2") format("woff2"); |
18 | 6 | font-display: swap; |
19 | 7 | } |
20 | 8 |
|
21 | 9 | @font-face { |
22 | 10 | font-family: "Geist Medium"; |
23 | | - src: url(../fonts/Geist-Medium.otf) format("opentype"); |
| 11 | + src: url("../fonts/Geist-Medium.woff2") format("woff2"); |
24 | 12 | font-display: swap; |
25 | 13 | } |
26 | 14 |
|
27 | 15 | @font-face { |
28 | 16 | font-family: "GeistMono Medium"; |
29 | | - src: url(../fonts/GeistMono-Medium.otf) format("opentype"); |
| 17 | + src: url("../fonts/GeistMono-Medium.woff2") format("woff2"); |
30 | 18 | font-display: swap; |
31 | 19 | } |
32 | 20 |
|
|
96 | 84 | --main-radius: 0.25rem; |
97 | 85 |
|
98 | 86 | /* Font */ |
99 | | - --font: 'Geist Regular', sans-serif; |
100 | 87 | --font-medium: 'Geist Medium', sans-serif; |
101 | 88 | --font-mono-medium: 'GeistMono Medium', sans-serif; |
102 | | - --font-optician: 'Optician Sans', sans-serif; |
103 | 89 | --font-jetbrains: 'JetBrainsMono', sans-serif; |
104 | 90 | --font-size: 0.850rem; |
105 | 91 |
|
|
181 | 167 | /* General style */ |
182 | 168 |
|
183 | 169 | body { |
184 | | - font-family: var(--font); |
| 170 | + font-family: var(--font-medium); |
185 | 171 | font-size: var(--font-size); |
186 | 172 | color: var(--c1); |
187 | 173 | -webkit-font-smoothing: antialiased; |
@@ -320,12 +306,7 @@ body { |
320 | 306 | } |
321 | 307 |
|
322 | 308 | .beta { |
323 | | - font-family: var(--font-optician); |
324 | | - font-size: 1em; |
325 | | - color: var(--c6); |
326 | | - border-radius: var(--main-radius); |
327 | | - padding: 0.125em 0.285em; |
328 | | - background-color: var(--c5); |
| 309 | + fill: var(--c5); |
329 | 310 | } |
330 | 311 |
|
331 | 312 | @media screen and (max-width: 900px) { |
@@ -397,9 +378,9 @@ body { |
397 | 378 | } |
398 | 379 |
|
399 | 380 | .hero_content p { |
400 | | - font-family: var(--font); |
401 | | - font-size: 1.05rem; |
402 | | - line-height: 1.75; |
| 381 | + font-family: var(--font-mono-medium); |
| 382 | + font-size: var(--font-size); |
| 383 | + line-height: 1.6; |
403 | 384 | color: var(--c1); |
404 | 385 | margin-top: 5px; |
405 | 386 | } |
@@ -663,7 +644,7 @@ input[type="search"]::-ms-clear { |
663 | 644 | } |
664 | 645 |
|
665 | 646 | .header_title h1 { |
666 | | - font-size: 0.975rem; |
| 647 | + font-size: 0.845rem; |
667 | 648 | font-weight: unset; |
668 | 649 | } |
669 | 650 |
|
|
815 | 796 | pre, |
816 | 797 | samp { |
817 | 798 | font-family: var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; |
818 | | - font-size: 0.875rem; |
819 | | - line-height: 1.350rem; |
| 799 | + font-size: 0.790rem; |
| 800 | + line-height: 1.250rem; |
820 | 801 | } |
821 | 802 |
|
822 | 803 | pre.shiki, |
|
0 commit comments