forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix font loading (#5500)
authored by
Eric Bailey
and committed by
GitHub
27e09e7a
23dd638f
+18
-15
+6
-3
src/alf/fonts.ts
+6
-3
src/alf/fonts.ts
···
45
45
// '100': 'Inter-Thin',
46
46
// '200': 'Inter-ExtraLight',
47
47
// '300': 'Inter-Light',
48
+
// '500': 'Inter-Medium',
49
+
// '700': 'Inter-Bold',
50
+
// '900': 'Inter-Black',
48
51
'100': 'Inter-Regular',
49
52
'200': 'Inter-Regular',
50
53
'300': 'Inter-Regular',
51
54
'400': 'Inter-Regular',
52
-
'500': 'Inter-Medium',
55
+
'500': 'Inter-SemiBold',
53
56
'600': 'Inter-SemiBold',
54
-
'700': 'Inter-Bold',
57
+
'700': 'Inter-SemiBold',
55
58
'800': 'Inter-ExtraBold',
56
-
'900': 'Inter-Black',
59
+
'900': 'Inter-ExtraBold',
57
60
}[style.fontWeight as string] || 'Inter-Regular'
58
61
59
62
if (style.fontStyle === 'italic') {
+12
-12
src/style.css
+12
-12
src/style.css
···
9
9
@font-face {
10
10
font-family: 'Inter-Regular';
11
11
src: local('Inter-Regular'),
12
-
url(/assets/fonts/inter/Inter-Regular.otf) format('font/otf');
12
+
url(/assets/fonts/inter/Inter-Regular.otf) format('opentype');
13
13
font-weight: 400;
14
14
font-style: normal;
15
15
font-display: swap;
···
17
17
@font-face {
18
18
font-family: 'Inter-Italic';
19
19
src: local('Inter-Italic'),
20
-
url(/assets/fonts/inter/Inter-Italic.otf) format('font/otf');
20
+
url(/assets/fonts/inter/Inter-Italic.otf) format('opentype');
21
21
font-weight: 400;
22
22
font-style: italic;
23
23
font-display: swap;
···
25
25
/*
26
26
@font-face {
27
27
font-family: "Inter-Medium";
28
-
src: local("Inter-Medium"), url(/assets/fonts/inter/Inter-Medium.otf) format("font/otf");
28
+
src: local("Inter-Medium"), url(/assets/fonts/inter/Inter-Medium.otf) format("opentype");
29
29
font-weight: 500;
30
30
font-style: normal;
31
31
font-display: swap;
32
32
}
33
33
@font-face {
34
34
font-family: "Inter-MediumItalic";
35
-
src: local("Inter-MediumItalic"), url(/assets/fonts/inter/Inter-MediumItalic.otf) format("font/otf");
35
+
src: local("Inter-MediumItalic"), url(/assets/fonts/inter/Inter-MediumItalic.otf) format("opentype");
36
36
font-weight: 500;
37
37
font-style: italic;
38
38
font-display: swap;
···
41
41
@font-face {
42
42
font-family: 'Inter-SemiBold';
43
43
src: local('Inter-SemiBold'),
44
-
url(/assets/fonts/inter/Inter-SemiBold.otf) format('font/otf');
44
+
url(/assets/fonts/inter/Inter-SemiBold.otf) format('opentype');
45
45
font-weight: 600;
46
46
font-style: normal;
47
47
font-display: swap;
···
49
49
@font-face {
50
50
font-family: 'Inter-SemiBoldItalic';
51
51
src: local('Inter-SemiBoldItalic'),
52
-
url(/assets/fonts/inter/Inter-SemiBoldItalic.otf) format('font/otf');
52
+
url(/assets/fonts/inter/Inter-SemiBoldItalic.otf) format('opentype');
53
53
font-weight: 600;
54
54
font-style: italic;
55
55
font-display: swap;
···
57
57
/*
58
58
@font-face {
59
59
font-family: "Inter-Bold";
60
-
src: local("Inter-Bold"), url(/assets/fonts/inter/Inter-Bold.otf) format("font/otf");
60
+
src: local("Inter-Bold"), url(/assets/fonts/inter/Inter-Bold.otf) format("opentype");
61
61
font-weight: 700;
62
62
font-style: normal;
63
63
font-display: swap;
64
64
}
65
65
@font-face {
66
66
font-family: "Inter-BoldItalic";
67
-
src: local("Inter-BoldItalic"), url(/assets/fonts/inter/Inter-BoldItalic.otf) format("font/otf");
67
+
src: local("Inter-BoldItalic"), url(/assets/fonts/inter/Inter-BoldItalic.otf) format("opentype");
68
68
font-weight: 700;
69
69
font-style: italic;
70
70
font-display: swap;
···
73
73
@font-face {
74
74
font-family: 'Inter-ExtraBold';
75
75
src: local('Inter-ExtraBold'),
76
-
url(/assets/fonts/inter/Inter-ExtraBold.otf) format('font/otf');
76
+
url(/assets/fonts/inter/Inter-ExtraBold.otf) format('opentype');
77
77
font-weight: 800;
78
78
font-style: normal;
79
79
font-display: swap;
···
81
81
@font-face {
82
82
font-family: 'Inter-ExtraBoldItalic';
83
83
src: local('Inter-ExtraBoldItalic'),
84
-
url(/assets/fonts/inter/Inter-ExtraBoldItalic.otf) format('font/otf');
84
+
url(/assets/fonts/inter/Inter-ExtraBoldItalic.otf) format('opentype');
85
85
font-weight: 800;
86
86
font-style: italic;
87
87
font-display: swap;
···
89
89
/*
90
90
@font-face {
91
91
font-family: "Inter-Black";
92
-
src: local("Inter-Black"), url(/assets/fonts/inter/Inter-Black.otf) format("font/otf");
92
+
src: local("Inter-Black"), url(/assets/fonts/inter/Inter-Black.otf) format("opentype");
93
93
font-weight: 900;
94
94
font-style: normal;
95
95
font-display: swap;
96
96
}
97
97
@font-face {
98
98
font-family: "Inter-BlackItalic";
99
-
src: local("Inter-BlackItalic"), url(/assets/fonts/inter/Inter-BlackItalic.otf) format("font/otf");
99
+
src: local("Inter-BlackItalic"), url(/assets/fonts/inter/Inter-BlackItalic.otf) format("opentype");
100
100
font-weight: 900;
101
101
font-style: italic;
102
102
font-display: swap;