loading up the forgejo repo on tangled to test page performance
1:root :lang(ja) {
2 --fonts-override: var(--fonts-default-override-ja);
3}
4
5:root :lang(zh-CN) {
6 --fonts-override: var(--fonts-default-override-zh-cn);
7}
8
9:root :lang(zh-TW) {
10 --fonts-override: var(--fonts-default-override-zh-tw);
11}
12
13:root :lang(zh-HK) {
14 --fonts-override: var(--fonts-default-override-zh-hk);
15}
16
17:root :lang(ko) {
18 --fonts-override: var(--fonts-default-override-ko);
19}
20
21[lang] {
22 font-family: var(--fonts-regular);
23}
24
25:root {
26 --fonts-default-override-ja: system-ui-ja, var(--fonts-proportional);
27 --fonts-default-override-zh-cn: system-ui-zh-cn, var(--fonts-proportional);
28 --fonts-default-override-zh-tw: system-ui-zh-tw, var(--fonts-proportional);
29 --fonts-default-override-zh-hk: system-ui-zh-hk, var(--fonts-proportional);
30 --fonts-default-override-ko: system-ui-ko, var(--fonts-proportional);
31}
32
33/* Special handling for Firefox on Windows/Linux */
34@supports (-moz-appearance: none) {
35 :root {
36 --fonts-default-override-ja: var(--fonts-proportional), system-ui-ja;
37 --fonts-default-override-zh-cn: var(--fonts-proportional), system-ui-zh-cn;
38 --fonts-default-override-zh-tw: var(--fonts-proportional), system-ui-zh-tw;
39 --fonts-default-override-zh-hk: var(--fonts-proportional), system-ui-zh-hk;
40 --fonts-default-override-ko: var(--fonts-proportional), system-ui-ko;
41 }
42}
43
44@font-face {
45 font-family: system-ui-ja;
46 src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
47 local("HiraginoSans-W2"), local("Source Han Sans JP Light"),
48 local("SourceHanSansJP-Light"), local("Source Han Sans J Light"),
49 local("SourceHanSansJ-Light"), local("Noto Sans CJK JP Light"),
50 local("NotoSansCJKJP-Light"), local("Source Han Sans Light"),
51 local("SourceHanSans-Light"), local("Yu Gothic Regular"),
52 local("YuGothic Regular"), local("Droid Sans Japanese"), local("Meiryo"),
53 local("MS PGothic");
54 font-weight: 300;
55 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
56 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
57}
58
59@font-face {
60 font-family: system-ui-ja;
61 src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
62 local("HiraginoSans-W4"), local("Source Han Sans JP Regular"),
63 local("SourceHanSansJP-Regular"), local("Source Han Sans J Regular"),
64 local("SourceHanSansJ-Regular"), local("Noto Sans CJK JP Regular"),
65 local("NotoSansCJKJP-Regular"), local("Source Han Sans Regular"),
66 local("SourceHanSans-Regular"), local("Yu Gothic Medium"),
67 local("YuGothic Medium"), local("Droid Sans Japanese"), local("Meiryo"),
68 local("MS PGothic");
69 font-weight: 400;
70 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
71 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
72}
73
74@font-face {
75 font-family: system-ui-ja;
76 src: local("HiraKakuProN-W3"), local("Hiragino Kaku Gothic ProN W3"),
77 local("HiraginoSans-W5"), local("Source Han Sans JP Medium"),
78 local("SourceHanSansJP-Medium"), local("Source Han Sans J Medium"),
79 local("SourceHanSansJ-Medium"), local("Noto Sans CJK JP Medium"),
80 local("NotoSansCJKJP-Medium"), local("Source Han Sans Medium"),
81 local("SourceHanSans-Medium"), local("Yu Gothic Medium"),
82 local("YuGothic Medium"), local("Droid Sans Japanese"), local("Meiryo"),
83 local("MS PGothic");
84 font-weight: 500;
85 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
86 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
87}
88
89@font-face {
90 font-family: system-ui-ja;
91 src: local("HiraKakuProN-W6"), local("Hiragino Kaku Gothic ProN W6"),
92 local("HiraginoSans-W6"), local("Source Han Sans JP Bold"),
93 local("SourceHanSansJP-Bold"), local("Source Han Sans J Bold"),
94 local("SourceHanSansJ-Bold"), local("Noto Sans CJK JP Bold"),
95 local("NotoSansCJKJP-Bold"), local("Source Han Sans Bold"),
96 local("SourceHanSans-Bold"), local("Yu Gothic Bold"), local("YuGothic Bold"),
97 local("Droid Sans Japanese"), local("Meiryo Bold"), local("MS PGothic");
98 font-weight: 600;
99 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
100 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
101}
102
103/* Safari on macOS/iOS */
104@font-face {
105 font-family: system-ui-ja;
106 src: local("HelveticaNeue");
107 unicode-range: U+A0;
108}
109
110/* Other browsers on macOS/iOS */
111@supports not (-webkit-hyphens: none) {
112 @font-face {
113 font-family: system-ui-ja;
114 src: local("HelveticaNeue");
115 unicode-range: U+20;
116 }
117}
118
119@font-face {
120 font-family: system-ui-zh-cn;
121 src: local("PingFangSC-Light"), local("Source Han Sans CN Light"),
122 local("SourceHanSansCN-Light"), local("Source Han Sans SC Light"),
123 local("SourceHanSansSC-Light"), local("Noto Sans CJK SC Light"),
124 local("NotoSansCJKSC-Light"), local("HiraginoSansGB-W3"),
125 local("Hiragino Sans GB W3"), local("Microsoft YaHei Light"),
126 local("Heiti SC Light"), local("SimHei");
127 font-weight: 300;
128 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
129 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
130}
131
132@font-face {
133 font-family: system-ui-zh-cn;
134 src: local("PingFangSC-Regular"), local("Source Han Sans CN Regular"),
135 local("SourceHanSansCN-Regular"), local("Source Han Sans SC Regular"),
136 local("SourceHanSansSC-Regular"), local("Noto Sans CJK SC Regular"),
137 local("NotoSansCJKSC-Regular"), local("HiraginoSansGB-W3"),
138 local("Hiragino Sans GB W3"), local("Microsoft YaHei"),
139 local("Heiti SC Light"), local("SimHei");
140 font-weight: 400;
141 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
142 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
143}
144
145@font-face {
146 font-family: system-ui-zh-cn;
147 src: local("PingFangSC-Medium"), local("Source Han Sans CN Medium"),
148 local("SourceHanSansCN-Medium"), local("Source Han Sans SC Medium"),
149 local("SourceHanSansSC-Medium"), local("Noto Sans CJK SC Medium"),
150 local("NotoSansCJKSC-Medium"), local("HiraginoSansGB-W3"),
151 local("Hiragino Sans GB W3"), local("Microsoft YaHei"),
152 local("Heiti SC Light"), local("SimHei");
153 font-weight: 500;
154 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
155 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
156}
157
158@font-face {
159 font-family: system-ui-zh-cn;
160 src: local("PingFangSC-Semibold"), local("Source Han Sans CN Bold"),
161 local("SourceHanSansCN-Bold"), local("Source Han Sans SC Bold"),
162 local("SourceHanSansSC-Bold"), local("Noto Sans CJK SC Bold"),
163 local("NotoSansCJKSC-Bold"), local("HiraginoSansGB-W6"),
164 local("Hiragino Sans GB W6"), local("Microsoft YaHei Bold"),
165 local("Heiti SC Medium"), local("SimHei");
166 font-weight: 600;
167 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
168 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
169}
170
171/* Safari on macOS/iOS */
172@font-face {
173 font-family: system-ui-zh-cn;
174 src: local("HelveticaNeue");
175 unicode-range: U+A0;
176}
177
178/* Other browsers on macOS/iOS */
179@supports not (-webkit-hyphens: none) {
180 @font-face {
181 font-family: system-ui-zh-cn;
182 src: local("HelveticaNeue");
183 unicode-range: U+20;
184 }
185}
186
187@font-face {
188 font-family: system-ui-zh-tw;
189 src: local("PingFangTC-Light"), local("Source Han Sans TW Light"),
190 local("SourceHanSansTW-Light"), local("Source Han Sans TC Light"),
191 local("SourceHanSansTC-Light"), local("Noto Sans CJK TC Light"),
192 local("NotoSansCJKTC-Light"), local("HiraginoSansTC-W3"),
193 local("Hiragino Sans TC W3"), local("Microsoft JhengHei Light"),
194 local("Heiti TC Light"), local("PMingLiU");
195 font-weight: 300;
196 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
197 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
198}
199
200@font-face {
201 font-family: system-ui-zh-tw;
202 src: local("PingFangTC-Regular"), local("Source Han Sans TW Regular"),
203 local("SourceHanSansTW-Regular"), local("Source Han Sans TC Regular"),
204 local("SourceHanSansTC-Regular"), local("Noto Sans CJK TC Regular"),
205 local("NotoSansCJKTC-Regular"), local("HiraginoSansTC-W3"),
206 local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
207 local("Heiti TC Light"), local("PMingLiU");
208 font-weight: 400;
209 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
210 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
211}
212
213@font-face {
214 font-family: system-ui-zh-tw;
215 src: local("PingFangTC-Medium"), local("Source Han Sans TW Medium"),
216 local("SourceHanSansTW-Medium"), local("Source Han Sans TC Medium"),
217 local("SourceHanSansTC-Medium"), local("Noto Sans CJK TC Medium"),
218 local("NotoSansCJKTC-Medium"), local("HiraginoSansTC-W3"),
219 local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
220 local("Heiti TC Light"), local("PMingLiU");
221 font-weight: 500;
222 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
223 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
224}
225
226@font-face {
227 font-family: system-ui-zh-tw;
228 src: local("PingFangTC-Semibold"), local("Source Han Sans TW Bold"),
229 local("SourceHanSansTW-Bold"), local("Source Han Sans TC Bold"),
230 local("SourceHanSansTC-Bold"), local("Noto Sans CJK TC Bold"),
231 local("NotoSansCJKTC-Bold"), local("HiraginoSansTC-W6"),
232 local("Hiragino Sans TC W6"), local("Microsoft JhengHei Bold"),
233 local("Heiti TC Medium"), local("PMingLiU");
234 font-weight: 600;
235 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
236 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
237}
238
239/* Safari on macOS/iOS */
240@font-face {
241 font-family: system-ui-zh-tw;
242 src: local("HelveticaNeue");
243 unicode-range: U+A0;
244}
245
246/* Other browsers on macOS/iOS */
247@supports not (-webkit-hyphens: none) {
248 @font-face {
249 font-family: system-ui-zh-tw;
250 src: local("HelveticaNeue");
251 unicode-range: U+20;
252 }
253}
254
255@font-face {
256 font-family: system-ui-zh-hk;
257 src: local("PingFangHK-Light"), local("Source Han Sans HK Light"),
258 local("SourceHanSansHK-Light"), local("Source Han Sans HC Light"),
259 local("SourceHanSansHC-Light"), local("Noto Sans CJK HK Light"),
260 local("NotoSansCJKHK-Light"), local("Source Han Sans TC Light"),
261 local("SourceHanSansTC-Light"), local("Noto Sans CJK TC Light"),
262 local("NotoSansCJKTC-Light"), local("HiraginoSansTC-W3"),
263 local("Hiragino Sans TC W3"), local("Microsoft JhengHei Light"),
264 local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
265 font-weight: 300;
266 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
267 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
268}
269
270@font-face {
271 font-family: system-ui-zh-hk;
272 src: local("PingFangHK-Regular"), local("Source Han Sans HK Regular"),
273 local("SourceHanSansHK-Regular"), local("Source Han Sans HC Regular"),
274 local("SourceHanSansHC-Regular"), local("Noto Sans CJK HK Regular"),
275 local("NotoSansCJKHK-Regular"), local("Source Han Sans TC Regular"),
276 local("SourceHanSansTC-Regular"), local("Noto Sans CJK TC Regular"),
277 local("NotoSansCJKTC-Regular"), local("HiraginoSansTC-W3"),
278 local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
279 local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
280 font-weight: 400;
281 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
282 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
283}
284
285@font-face {
286 font-family: system-ui-zh-hk;
287 src: local("PingFangHK-Medium"), local("Source Han Sans HK Medium"),
288 local("SourceHanSansHK-Medium"), local("Source Han Sans HC Medium"),
289 local("SourceHanSansHC-Medium"), local("Noto Sans CJK HK Medium"),
290 local("NotoSansCJKHK-Medium"), local("Source Han Sans TC Medium"),
291 local("SourceHanSansTC-Medium"), local("Noto Sans CJK TC Medium"),
292 local("NotoSansCJKTC-Medium"), local("HiraginoSansTC-W3"),
293 local("Hiragino Sans TC W3"), local("Microsoft JhengHei"),
294 local("Heiti TC Light"), local("PMingLiU_HKSCS"), local("PMingLiU");
295 font-weight: 500;
296 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
297 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
298}
299
300@font-face {
301 font-family: system-ui-zh-hk;
302 src: local("PingFangHK-Semibold"), local("Source Han Sans HK Bold"),
303 local("SourceHanSansHK-Bold"), local("Source Han Sans HC Bold"),
304 local("SourceHanSansHC-Bold"), local("Noto Sans CJK HK Bold"),
305 local("NotoSansCJKHK-Bold"), local("Source Han Sans TC Bold"),
306 local("SourceHanSansTC-Bold"), local("Noto Sans CJK TC Bold"),
307 local("NotoSansCJKTC-Bold"), local("HiraginoSansTC-W6"),
308 local("Hiragino Sans TC W6"), local("Microsoft JhengHei Bold"),
309 local("Heiti TC Medium"), local("PMingLiU_HKSCS"), local("PMingLiU");
310 font-weight: 600;
311 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
312 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
313}
314
315/* Safari on macOS/iOS */
316@font-face {
317 font-family: system-ui-zh-hk;
318 src: local("HelveticaNeue");
319 unicode-range: U+A0;
320}
321
322/* Other browsers on macOS/iOS */
323@supports not (-webkit-hyphens: none) {
324 @font-face {
325 font-family: system-ui-zh-hk;
326 src: local("HelveticaNeue");
327 unicode-range: U+20;
328 }
329}
330
331@font-face {
332 font-family: system-ui-ko;
333 src: local("AppleSDGothicNeo-Light"), local("Source Han Sans KR Light"),
334 local("SourceHanSansKR-Light"), local("Source Han Sans K Light"),
335 local("SourceHanSansK-Light"), local("Noto Sans CJK KR Light"),
336 local("NotoSansCJKKR-Light"), local("NanumBarunGothic Light"),
337 local("Malgun Gothic Semilight"), local("Nanum Gothic"), local("Dotum");
338 font-weight: 300;
339 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
340 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
341}
342
343@font-face {
344 font-family: system-ui-ko;
345 src: local("AppleSDGothicNeo-Regular"), local("Source Han Sans KR Regular"),
346 local("SourceHanSansKR-Regular"), local("Source Han Sans K Regular"),
347 local("SourceHanSansK-Regular"), local("Noto Sans CJK KR Regular"),
348 local("NotoSansCJKKR-Regular"), local("NanumBarunGothic"),
349 local("Malgun Gothic"), local("Nanum Gothic"), local("Dotum");
350 font-weight: 400;
351 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
352 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
353}
354
355@font-face {
356 font-family: system-ui-ko;
357 src: local("AppleSDGothicNeo-Medium"), local("Source Han Sans KR Medium"),
358 local("SourceHanSansKR-Medium"), local("Source Han Sans K Medium"),
359 local("SourceHanSansK-Medium"), local("Noto Sans CJK KR Medium"),
360 local("NotoSansCJKKR-Medium"), local("NanumBarunGothic"),
361 local("Malgun Gothic"), local("Nanum Gothic"), local("Dotum");
362 font-weight: 500;
363 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
364 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
365}
366
367@font-face {
368 font-family: system-ui-ko;
369 src: local("AppleSDGothicNeo-SemiBold"), local("Source Han Sans KR Bold"),
370 local("SourceHanSansKR-Bold"), local("Source Han Sans K Bold"),
371 local("SourceHanSansK-Bold"), local("Noto Sans CJK KR Bold"),
372 local("NotoSansCJKKR-Bold"), local("NanumBarunGothic Bold"),
373 local("Malgun Gothic Bold"), local("Nanum Gothic Bold"), local("Dotum");
374 font-weight: 600;
375 unicode-range: U+11??, U+2E80-4DBF, U+4E00-9FFF, U+A960-A97F, U+AC00-D7FF,
376 U+F900-FAFF, U+FE00-FE6F, U+FF00-FFEF, U+1F2??, U+2????;
377}
378
379/* Safari on macOS/iOS */
380@font-face {
381 font-family: system-ui-ko;
382 src: local("HelveticaNeue");
383 unicode-range: U+A0;
384}
385
386/* Other browsers on macOS/iOS */
387@supports not (-webkit-hyphens: none) {
388 @font-face {
389 font-family: system-ui-ko;
390 src: local("HelveticaNeue");
391 unicode-range: U+20;
392 }
393}