Skip to content

Commit ffafa31

Browse files
GabsEditsbrc-dd
GabsEdits
and
brc-dd
authored
feat(theme): update Inter to version 4 (#3693) (#3694)
Co-authored-by: Divyansh Singh <[email protected]>
1 parent 2539925 commit ffafa31

16 files changed

+71
-78
lines changed

Diff for: ‎src/client/theme-default/fonts/inter-italic-cyrillic-ext.woff2

14.4 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-italic-cyrillic.woff2

13.2 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-italic-greek-ext.woff2

5.09 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-italic-greek.woff2

9.08 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-italic-latin-ext.woff2

55.9 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-italic-latin.woff2

28.1 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-italic-vietnamese.woff2

5.96 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-cyrillic-ext.woff2

13.6 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-cyrillic.woff2

12.1 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-greek-ext.woff2

4.36 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-greek.woff2

7.95 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-latin-ext.woff2

49.4 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-latin.woff2

24.7 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/fonts/inter-roman-vietnamese.woff2

5.45 KB
Binary file not shown.

Diff for: ‎src/client/theme-default/styles/fonts.css

+64-72
Original file line numberDiff line numberDiff line change
@@ -7,153 +7,143 @@ html body {
77
/* webfont-marker-end */
88

99
@font-face {
10-
font-family: 'Inter var';
11-
font-weight: 100 900;
12-
font-display: swap;
10+
font-family: Inter;
1311
font-style: normal;
14-
font-named-instance: 'Regular';
15-
src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
16-
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
17-
}
18-
19-
@font-face {
20-
font-family: 'Inter var';
2112
font-weight: 100 900;
2213
font-display: swap;
23-
font-style: normal;
24-
font-named-instance: 'Regular';
2514
src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
2615
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
2716
U+FE2E-FE2F;
2817
}
2918

3019
@font-face {
31-
font-family: 'Inter var';
20+
font-family: Inter;
21+
font-style: normal;
3222
font-weight: 100 900;
3323
font-display: swap;
34-
font-style: normal;
35-
font-named-instance: 'Regular';
36-
src: url('../fonts/inter-roman-greek.woff2') format('woff2');
37-
unicode-range: U+0370-03FF;
24+
src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
25+
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
3826
}
3927

4028
@font-face {
41-
font-family: 'Inter var';
29+
font-family: Inter;
30+
font-style: normal;
4231
font-weight: 100 900;
4332
font-display: swap;
44-
font-style: normal;
45-
font-named-instance: 'Regular';
4633
src: url('../fonts/inter-roman-greek-ext.woff2') format('woff2');
4734
unicode-range: U+1F00-1FFF;
4835
}
4936

5037
@font-face {
51-
font-family: 'Inter var';
38+
font-family: Inter;
39+
font-style: normal;
5240
font-weight: 100 900;
5341
font-display: swap;
54-
font-style: normal;
55-
font-named-instance: 'Regular';
56-
src: url('../fonts/inter-roman-latin.woff2') format('woff2');
57-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
58-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
59-
U+FEFF, U+FFFD;
42+
src: url('../fonts/inter-roman-greek.woff2') format('woff2');
43+
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
44+
U+03A3-03FF;
6045
}
6146

6247
@font-face {
63-
font-family: 'Inter var';
48+
font-family: Inter;
49+
font-style: normal;
6450
font-weight: 100 900;
6551
font-display: swap;
66-
font-style: normal;
67-
font-named-instance: 'Regular';
68-
src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
69-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
70-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
52+
src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
53+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
54+
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
55+
U+1EA0-1EF9, U+20AB;
7156
}
7257

7358
@font-face {
74-
font-family: 'Inter var';
59+
font-family: Inter;
60+
font-style: normal;
7561
font-weight: 100 900;
7662
font-display: swap;
77-
font-style: normal;
78-
font-named-instance: 'Regular';
79-
src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
80-
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
81-
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
63+
src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
64+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
65+
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
8266
}
8367

8468
@font-face {
85-
font-family: 'Inter var';
69+
font-family: Inter;
70+
font-style: normal;
8671
font-weight: 100 900;
8772
font-display: swap;
88-
font-style: italic;
89-
font-named-instance: 'Italic';
90-
src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
91-
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
73+
src: url('../fonts/inter-roman-latin.woff2') format('woff2');
74+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
75+
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
76+
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
9277
}
9378

9479
@font-face {
95-
font-family: 'Inter var';
80+
font-family: Inter;
81+
font-style: italic;
9682
font-weight: 100 900;
9783
font-display: swap;
98-
font-style: italic;
99-
font-named-instance: 'Italic';
10084
src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
10185
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
10286
U+FE2E-FE2F;
10387
}
10488

10589
@font-face {
106-
font-family: 'Inter var';
90+
font-family: Inter;
91+
font-style: italic;
10792
font-weight: 100 900;
10893
font-display: swap;
109-
font-style: italic;
110-
font-named-instance: 'Italic';
111-
src: url('../fonts/inter-italic-greek.woff2') format('woff2');
112-
unicode-range: U+0370-03FF;
94+
src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
95+
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
11396
}
11497

11598
@font-face {
116-
font-family: 'Inter var';
99+
font-family: Inter;
100+
font-style: italic;
117101
font-weight: 100 900;
118102
font-display: swap;
119-
font-style: italic;
120-
font-named-instance: 'Italic';
121103
src: url('../fonts/inter-italic-greek-ext.woff2') format('woff2');
122104
unicode-range: U+1F00-1FFF;
123105
}
124106

125107
@font-face {
126-
font-family: 'Inter var';
108+
font-family: Inter;
109+
font-style: italic;
127110
font-weight: 100 900;
128111
font-display: swap;
129-
font-style: italic;
130-
font-named-instance: 'Italic';
131-
src: url('../fonts/inter-italic-latin.woff2') format('woff2');
132-
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
133-
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
134-
U+FEFF, U+FFFD;
112+
src: url('../fonts/inter-italic-greek.woff2') format('woff2');
113+
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
114+
U+03A3-03FF;
135115
}
136116

137117
@font-face {
138-
font-family: 'Inter var';
118+
font-family: Inter;
119+
font-style: italic;
139120
font-weight: 100 900;
140121
font-display: swap;
122+
src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
123+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
124+
U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
125+
U+1EA0-1EF9, U+20AB;
126+
}
127+
128+
@font-face {
129+
font-family: Inter;
141130
font-style: italic;
142-
font-named-instance: 'Italic';
131+
font-weight: 100 900;
132+
font-display: swap;
143133
src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
144-
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
145-
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
134+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
135+
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
146136
}
147137

148138
@font-face {
149-
font-family: 'Inter var';
139+
font-family: Inter;
140+
font-style: italic;
150141
font-weight: 100 900;
151142
font-display: swap;
152-
font-style: italic;
153-
font-named-instance: 'Italic';
154-
src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
155-
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
156-
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
143+
src: url('../fonts/inter-italic-latin.woff2') format('woff2');
144+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
145+
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
146+
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
157147
}
158148

159149
/* Chinese quotes rendering fix. 中英文弯引号共享 Unicode 码位，确保引号使用中文字体渲染 */
@@ -163,3 +153,5 @@ html body {
163153
local('Source Han Sans SC');
164154
unicode-range: U+2018, U+2019, U+201C, U+201D; /* 分别是 ‘’“” */
165155
}
156+
157+
/* Generate the subsetted fonts using: `pyftsubset <file>.woff2 --unicodes="<range>" --output-file="inter-<style>-<subset>.woff2" --flavor=woff2` */

Diff for: ‎src/client/theme-default/styles/vars.css

+7-6
Original file line numberDiff line numberDiff line change
@@ -261,12 +261,13 @@
261261
* -------------------------------------------------------------------------- */
262262

263263
:root {
264-
--vp-font-family-base: 'Chinese Quotes', 'Inter var', 'Inter', ui-sans-serif,
265-
system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
266-
'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
267-
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
268-
--vp-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
269-
Consolas, 'Liberation Mono', 'Courier New', monospace;
264+
--vp-font-family-base: 'Chinese Quotes', Inter, ui-sans-serif, system-ui,
265+
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
266+
'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
267+
'Noto Color Emoji';
268+
--vp-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
269+
'Liberation Mono', 'Courier New', monospace;
270+
font-optical-sizing: auto;
270271
}
271272

272273
/**

0 commit comments

Comments
 (0)