@remotion/google-fonts 4.0.530 → 4.0.531
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Akshar.d.ts +4 -0
- package/dist/cjs/Akshar.js +24 -20
- package/dist/cjs/ClarityCity.d.ts +149 -0
- package/dist/cjs/ClarityCity.js +146 -0
- package/dist/cjs/GoogleSansCode.js +155 -155
- package/dist/cjs/HedvigLettersSans.js +5 -5
- package/dist/cjs/HedvigLettersSerif.js +9 -9
- package/dist/cjs/Isometra.d.ts +38 -0
- package/dist/cjs/Isometra.js +29 -0
- package/dist/cjs/Kripa.d.ts +124 -0
- package/dist/cjs/Kripa.js +128 -0
- package/dist/cjs/LibreCaslonCondensed.d.ts +109 -0
- package/dist/cjs/LibreCaslonCondensed.js +106 -0
- package/dist/cjs/NotoSerifToto.js +16 -16
- package/dist/cjs/index.js +20 -0
- package/dist/esm/Akshar.mjs +24 -20
- package/dist/esm/ClarityCity.mjs +405 -0
- package/dist/esm/GoogleSansCode.mjs +155 -155
- package/dist/esm/HedvigLettersSans.mjs +5 -5
- package/dist/esm/HedvigLettersSerif.mjs +9 -9
- package/dist/esm/Isometra.mjs +288 -0
- package/dist/esm/Kripa.mjs +387 -0
- package/dist/esm/LibreCaslonCondensed.mjs +365 -0
- package/dist/esm/NotoSerifToto.mjs +16 -16
- package/dist/esm/index.mjs +20 -0
- package/package.json +14 -2
|
@@ -5,7 +5,7 @@ const base_1 = require("./base");
|
|
|
5
5
|
const getInfo = () => ({
|
|
6
6
|
fontFamily: 'Noto Serif Toto',
|
|
7
7
|
importName: 'NotoSerifToto',
|
|
8
|
-
version: '
|
|
8
|
+
version: 'v9',
|
|
9
9
|
url: 'https://fonts.googleapis.com/css2?family=Noto+Serif+Toto:ital,wght@0,400;0,500;0,600;0,700',
|
|
10
10
|
unicodeRanges: {
|
|
11
11
|
toto: 'U+1E290-1E2AE',
|
|
@@ -15,24 +15,24 @@ const getInfo = () => ({
|
|
|
15
15
|
fonts: {
|
|
16
16
|
normal: {
|
|
17
17
|
'400': {
|
|
18
|
-
toto: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
19
|
-
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
20
|
-
latin: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
18
|
+
toto: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHsoK9WLZB.woff2',
|
|
19
|
+
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHHqOYZY8.woff2',
|
|
20
|
+
latin: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHEKOY.woff2',
|
|
21
21
|
},
|
|
22
22
|
'500': {
|
|
23
|
-
toto: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
24
|
-
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
25
|
-
latin: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
23
|
+
toto: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHsoK9WLZB.woff2',
|
|
24
|
+
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHHqOYZY8.woff2',
|
|
25
|
+
latin: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHEKOY.woff2',
|
|
26
26
|
},
|
|
27
27
|
'600': {
|
|
28
|
-
toto: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
29
|
-
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
30
|
-
latin: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
28
|
+
toto: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHsoK9WLZB.woff2',
|
|
29
|
+
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHHqOYZY8.woff2',
|
|
30
|
+
latin: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHEKOY.woff2',
|
|
31
31
|
},
|
|
32
32
|
'700': {
|
|
33
|
-
toto: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
34
|
-
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
35
|
-
latin: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
33
|
+
toto: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHsoK9WLZB.woff2',
|
|
34
|
+
'latin-ext': 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHHqOYZY8.woff2',
|
|
35
|
+
latin: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHEKOY.woff2',
|
|
36
36
|
},
|
|
37
37
|
},
|
|
38
38
|
},
|
|
@@ -51,7 +51,7 @@ const getInfo = () => ({
|
|
|
51
51
|
stretch: null,
|
|
52
52
|
subset: 'toto',
|
|
53
53
|
unicodeRange: 'U+1E290-1E2AE',
|
|
54
|
-
src: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
54
|
+
src: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHsoK9WLZB.woff2',
|
|
55
55
|
},
|
|
56
56
|
{
|
|
57
57
|
style: 'normal',
|
|
@@ -59,7 +59,7 @@ const getInfo = () => ({
|
|
|
59
59
|
stretch: null,
|
|
60
60
|
subset: 'latin-ext',
|
|
61
61
|
unicodeRange: 'U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF',
|
|
62
|
-
src: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
62
|
+
src: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHHqOYZY8.woff2',
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
style: 'normal',
|
|
@@ -67,7 +67,7 @@ const getInfo = () => ({
|
|
|
67
67
|
stretch: null,
|
|
68
68
|
subset: 'latin',
|
|
69
69
|
unicodeRange: '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',
|
|
70
|
-
src: 'https://fonts.gstatic.com/s/notoseriftoto/
|
|
70
|
+
src: 'https://fonts.gstatic.com/s/notoseriftoto/v9/Ktk1ALSMeZjqPnXk1rCkHYHNtwvHEKOY.woff2',
|
|
71
71
|
},
|
|
72
72
|
],
|
|
73
73
|
url: 'https://fonts.googleapis.com/css2?family=Noto+Serif+Toto:wght@400..700',
|
package/dist/cjs/index.js
CHANGED
|
@@ -1757,6 +1757,11 @@ const getAvailableFonts = () => [
|
|
|
1757
1757
|
importName: 'CinzelDecorative',
|
|
1758
1758
|
load: () => Promise.resolve().then(() => __importStar(require('./CinzelDecorative'))),
|
|
1759
1759
|
},
|
|
1760
|
+
{
|
|
1761
|
+
fontFamily: 'Clarity City',
|
|
1762
|
+
importName: 'ClarityCity',
|
|
1763
|
+
load: () => Promise.resolve().then(() => __importStar(require('./ClarityCity'))),
|
|
1764
|
+
},
|
|
1760
1765
|
{
|
|
1761
1766
|
fontFamily: 'Clicker Script',
|
|
1762
1767
|
importName: 'ClickerScript',
|
|
@@ -3567,6 +3572,11 @@ const getAvailableFonts = () => [
|
|
|
3567
3572
|
importName: 'IslandMoments',
|
|
3568
3573
|
load: () => Promise.resolve().then(() => __importStar(require('./IslandMoments'))),
|
|
3569
3574
|
},
|
|
3575
|
+
{
|
|
3576
|
+
fontFamily: 'Isometra',
|
|
3577
|
+
importName: 'Isometra',
|
|
3578
|
+
load: () => Promise.resolve().then(() => __importStar(require('./Isometra'))),
|
|
3579
|
+
},
|
|
3570
3580
|
{
|
|
3571
3581
|
fontFamily: 'Istok Web',
|
|
3572
3582
|
importName: 'IstokWeb',
|
|
@@ -4037,6 +4047,11 @@ const getAvailableFonts = () => [
|
|
|
4037
4047
|
importName: 'Kreon',
|
|
4038
4048
|
load: () => Promise.resolve().then(() => __importStar(require('./Kreon'))),
|
|
4039
4049
|
},
|
|
4050
|
+
{
|
|
4051
|
+
fontFamily: 'Kripa',
|
|
4052
|
+
importName: 'Kripa',
|
|
4053
|
+
load: () => Promise.resolve().then(() => __importStar(require('./Kripa'))),
|
|
4054
|
+
},
|
|
4040
4055
|
{
|
|
4041
4056
|
fontFamily: 'Kristi',
|
|
4042
4057
|
importName: 'Kristi',
|
|
@@ -4307,6 +4322,11 @@ const getAvailableFonts = () => [
|
|
|
4307
4322
|
importName: 'LibreBodoni',
|
|
4308
4323
|
load: () => Promise.resolve().then(() => __importStar(require('./LibreBodoni'))),
|
|
4309
4324
|
},
|
|
4325
|
+
{
|
|
4326
|
+
fontFamily: 'Libre Caslon Condensed',
|
|
4327
|
+
importName: 'LibreCaslonCondensed',
|
|
4328
|
+
load: () => Promise.resolve().then(() => __importStar(require('./LibreCaslonCondensed'))),
|
|
4329
|
+
},
|
|
4310
4330
|
{
|
|
4311
4331
|
fontFamily: 'Libre Caslon Display',
|
|
4312
4332
|
importName: 'LibreCaslonDisplay',
|
package/dist/esm/Akshar.mjs
CHANGED
|
@@ -261,7 +261,7 @@ var loadVariableFonts = (meta, style, options) => {
|
|
|
261
261
|
var getInfo = () => ({
|
|
262
262
|
fontFamily: "Akshar",
|
|
263
263
|
importName: "Akshar",
|
|
264
|
-
version: "
|
|
264
|
+
version: "v19",
|
|
265
265
|
url: "https://fonts.googleapis.com/css2?family=Akshar:ital,wght@0,300;0,400;0,500;0,600;0,700",
|
|
266
266
|
unicodeRanges: {
|
|
267
267
|
devanagari: "U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09",
|
|
@@ -271,35 +271,39 @@ var getInfo = () => ({
|
|
|
271
271
|
fonts: {
|
|
272
272
|
normal: {
|
|
273
273
|
"300": {
|
|
274
|
-
devanagari: "https://fonts.gstatic.com/s/akshar/
|
|
275
|
-
"latin-ext": "https://fonts.gstatic.com/s/akshar/
|
|
276
|
-
latin: "https://fonts.gstatic.com/s/akshar/
|
|
274
|
+
devanagari: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9aS9rXs.woff2",
|
|
275
|
+
"latin-ext": "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9mS9rXs.woff2",
|
|
276
|
+
latin: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9eS9g.woff2"
|
|
277
277
|
},
|
|
278
278
|
"400": {
|
|
279
|
-
devanagari: "https://fonts.gstatic.com/s/akshar/
|
|
280
|
-
"latin-ext": "https://fonts.gstatic.com/s/akshar/
|
|
281
|
-
latin: "https://fonts.gstatic.com/s/akshar/
|
|
279
|
+
devanagari: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9aS9rXs.woff2",
|
|
280
|
+
"latin-ext": "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9mS9rXs.woff2",
|
|
281
|
+
latin: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9eS9g.woff2"
|
|
282
282
|
},
|
|
283
283
|
"500": {
|
|
284
|
-
devanagari: "https://fonts.gstatic.com/s/akshar/
|
|
285
|
-
"latin-ext": "https://fonts.gstatic.com/s/akshar/
|
|
286
|
-
latin: "https://fonts.gstatic.com/s/akshar/
|
|
284
|
+
devanagari: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9aS9rXs.woff2",
|
|
285
|
+
"latin-ext": "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9mS9rXs.woff2",
|
|
286
|
+
latin: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9eS9g.woff2"
|
|
287
287
|
},
|
|
288
288
|
"600": {
|
|
289
|
-
devanagari: "https://fonts.gstatic.com/s/akshar/
|
|
290
|
-
"latin-ext": "https://fonts.gstatic.com/s/akshar/
|
|
291
|
-
latin: "https://fonts.gstatic.com/s/akshar/
|
|
289
|
+
devanagari: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9aS9rXs.woff2",
|
|
290
|
+
"latin-ext": "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9mS9rXs.woff2",
|
|
291
|
+
latin: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9eS9g.woff2"
|
|
292
292
|
},
|
|
293
293
|
"700": {
|
|
294
|
-
devanagari: "https://fonts.gstatic.com/s/akshar/
|
|
295
|
-
"latin-ext": "https://fonts.gstatic.com/s/akshar/
|
|
296
|
-
latin: "https://fonts.gstatic.com/s/akshar/
|
|
294
|
+
devanagari: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9aS9rXs.woff2",
|
|
295
|
+
"latin-ext": "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9mS9rXs.woff2",
|
|
296
|
+
latin: "https://fonts.gstatic.com/s/akshar/v19/Yq6I-LyHWTfz9rGoqDazGDfAkwUsSb5G-9eS9g.woff2"
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
299
|
},
|
|
300
300
|
subsets: ["devanagari", "latin", "latin-ext"],
|
|
301
301
|
variable: {
|
|
302
302
|
axes: {
|
|
303
|
+
CTRS: {
|
|
304
|
+
min: 0,
|
|
305
|
+
max: 100
|
|
306
|
+
},
|
|
303
307
|
wght: {
|
|
304
308
|
min: 300,
|
|
305
309
|
max: 700
|
|
@@ -312,7 +316,7 @@ var getInfo = () => ({
|
|
|
312
316
|
stretch: null,
|
|
313
317
|
subset: "devanagari",
|
|
314
318
|
unicodeRange: "U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09",
|
|
315
|
-
src: "https://fonts.gstatic.com/s/akshar/
|
|
319
|
+
src: "https://fonts.gstatic.com/s/akshar/v19/Yq6V-LyHWTfz9rGCpR5lhOc.woff2"
|
|
316
320
|
},
|
|
317
321
|
{
|
|
318
322
|
style: "normal",
|
|
@@ -320,7 +324,7 @@ var getInfo = () => ({
|
|
|
320
324
|
stretch: null,
|
|
321
325
|
subset: "latin-ext",
|
|
322
326
|
unicodeRange: "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF",
|
|
323
|
-
src: "https://fonts.gstatic.com/s/akshar/
|
|
327
|
+
src: "https://fonts.gstatic.com/s/akshar/v19/Yq6V-LyHWTfz9rGCqh5lhOc.woff2"
|
|
324
328
|
},
|
|
325
329
|
{
|
|
326
330
|
style: "normal",
|
|
@@ -328,10 +332,10 @@ var getInfo = () => ({
|
|
|
328
332
|
stretch: null,
|
|
329
333
|
subset: "latin",
|
|
330
334
|
unicodeRange: "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",
|
|
331
|
-
src: "https://fonts.gstatic.com/s/akshar/
|
|
335
|
+
src: "https://fonts.gstatic.com/s/akshar/v19/Yq6V-LyHWTfz9rGCpB5l.woff2"
|
|
332
336
|
}
|
|
333
337
|
],
|
|
334
|
-
url: "https://fonts.googleapis.com/css2?family=Akshar:wght@300..700"
|
|
338
|
+
url: "https://fonts.googleapis.com/css2?family=Akshar:CTRS,wght@0..100,300..700"
|
|
335
339
|
}
|
|
336
340
|
});
|
|
337
341
|
var fontFamily = "Akshar";
|
|
@@ -0,0 +1,405 @@
|
|
|
1
|
+
// src/base.ts
|
|
2
|
+
import { continueRender, delayRender } from "remotion";
|
|
3
|
+
import { NoReactInternals } from "remotion/no-react";
|
|
4
|
+
|
|
5
|
+
// src/resolve-font-subsets.ts
|
|
6
|
+
var isChunkSubset = (subset) => /^\[\d+\]$/.test(subset);
|
|
7
|
+
var compareChunkSubsets = (a, b) => {
|
|
8
|
+
return Number(a.slice(1, -1)) - Number(b.slice(1, -1));
|
|
9
|
+
};
|
|
10
|
+
var resolveFontSubsetKeys = ({
|
|
11
|
+
availableSubsetKeys,
|
|
12
|
+
metaSubsets,
|
|
13
|
+
requestedSubset
|
|
14
|
+
}) => {
|
|
15
|
+
if (availableSubsetKeys.includes(requestedSubset)) {
|
|
16
|
+
return [requestedSubset];
|
|
17
|
+
}
|
|
18
|
+
if (!metaSubsets.includes(requestedSubset)) {
|
|
19
|
+
return [requestedSubset];
|
|
20
|
+
}
|
|
21
|
+
const chunkSubsets = availableSubsetKeys.filter(isChunkSubset).sort(compareChunkSubsets);
|
|
22
|
+
return chunkSubsets.length === 0 ? [requestedSubset] : chunkSubsets;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
// src/base.ts
|
|
26
|
+
var loadedFonts = {};
|
|
27
|
+
var withResolvers = function() {
|
|
28
|
+
let resolve;
|
|
29
|
+
let reject;
|
|
30
|
+
const promise = new Promise((res, rej) => {
|
|
31
|
+
resolve = res;
|
|
32
|
+
reject = rej;
|
|
33
|
+
});
|
|
34
|
+
return { promise, resolve, reject };
|
|
35
|
+
};
|
|
36
|
+
var loadFontFaceOrTimeoutAfter20Seconds = (fontFace) => {
|
|
37
|
+
const timeout = withResolvers();
|
|
38
|
+
const int = setTimeout(() => {
|
|
39
|
+
timeout.reject(new Error("Timed out loading Google Font"));
|
|
40
|
+
}, 18000);
|
|
41
|
+
return Promise.race([
|
|
42
|
+
fontFace.load().then(() => {
|
|
43
|
+
clearTimeout(int);
|
|
44
|
+
}),
|
|
45
|
+
timeout.promise
|
|
46
|
+
]);
|
|
47
|
+
};
|
|
48
|
+
var loadFonts = (meta, style, options) => {
|
|
49
|
+
const weightsAndSubsetsAreSpecified = Array.isArray(options?.weights) && Array.isArray(options?.subsets) && options.weights.length > 0 && options.subsets.length > 0;
|
|
50
|
+
if (NoReactInternals.ENABLE_V5_BREAKING_CHANGES && !weightsAndSubsetsAreSpecified) {
|
|
51
|
+
throw new Error("Loading Google Fonts without specifying weights and subsets is not supported in Remotion v5. Please specify the weights and subsets you need.");
|
|
52
|
+
}
|
|
53
|
+
const promises = [];
|
|
54
|
+
const styles = style ? [style] : Object.keys(meta.fonts);
|
|
55
|
+
let fontsLoaded = 0;
|
|
56
|
+
for (const style2 of styles) {
|
|
57
|
+
if (typeof FontFace === "undefined") {
|
|
58
|
+
continue;
|
|
59
|
+
}
|
|
60
|
+
if (!meta.fonts[style2]) {
|
|
61
|
+
throw new Error(`The font ${meta.fontFamily} does not have a style ${style2}`);
|
|
62
|
+
}
|
|
63
|
+
const weights = options?.weights ?? Object.keys(meta.fonts[style2]);
|
|
64
|
+
for (const weight of weights) {
|
|
65
|
+
if (!meta.fonts[style2][weight]) {
|
|
66
|
+
throw new Error(`The font ${meta.fontFamily} does not have a weight ${weight} in style ${style2}`);
|
|
67
|
+
}
|
|
68
|
+
const requestedSubsets = options?.subsets ?? Object.keys(meta.fonts[style2][weight]);
|
|
69
|
+
const availableSubsetKeys = Object.keys(meta.fonts[style2][weight]);
|
|
70
|
+
const subsets = [
|
|
71
|
+
...new Set(requestedSubsets.flatMap((requestedSubset) => resolveFontSubsetKeys({
|
|
72
|
+
availableSubsetKeys,
|
|
73
|
+
metaSubsets: meta.subsets,
|
|
74
|
+
requestedSubset
|
|
75
|
+
})))
|
|
76
|
+
];
|
|
77
|
+
for (const subset of subsets) {
|
|
78
|
+
let font = meta.fonts[style2]?.[weight]?.[subset];
|
|
79
|
+
if (!font) {
|
|
80
|
+
throw new Error(`weight: ${weight} subset: ${subset} is not available for '${meta.fontFamily}'`);
|
|
81
|
+
}
|
|
82
|
+
let fontKey = `${meta.fontFamily}-${style2}-${weight}-${subset}`;
|
|
83
|
+
const previousPromise = loadedFonts[fontKey];
|
|
84
|
+
if (previousPromise) {
|
|
85
|
+
promises.push(previousPromise);
|
|
86
|
+
continue;
|
|
87
|
+
}
|
|
88
|
+
const baseLabel = `Fetching ${meta.fontFamily} font ${JSON.stringify({
|
|
89
|
+
style: style2,
|
|
90
|
+
weight,
|
|
91
|
+
subset
|
|
92
|
+
})}`;
|
|
93
|
+
const label = weightsAndSubsetsAreSpecified ? baseLabel : `${baseLabel}. This might be caused by loading too many font variations. Read more: https://www.remotion.dev/docs/troubleshooting/font-loading-errors#render-timeout-when-loading-google-fonts`;
|
|
94
|
+
const handle = delayRender(label, { timeoutInMilliseconds: 60000 });
|
|
95
|
+
fontsLoaded++;
|
|
96
|
+
const registerFont = (fontData) => {
|
|
97
|
+
NoReactInternals.registerFontFace({
|
|
98
|
+
ascentOverride: null,
|
|
99
|
+
descentOverride: null,
|
|
100
|
+
display: null,
|
|
101
|
+
featureSettings: null,
|
|
102
|
+
fontFamily: meta.fontFamily,
|
|
103
|
+
fontData,
|
|
104
|
+
fontUrl: font,
|
|
105
|
+
format: "woff2",
|
|
106
|
+
lineGapOverride: null,
|
|
107
|
+
style: style2,
|
|
108
|
+
weight,
|
|
109
|
+
stretch: null,
|
|
110
|
+
unicodeRange: meta.unicodeRanges[subset] ?? null,
|
|
111
|
+
variant: null
|
|
112
|
+
});
|
|
113
|
+
};
|
|
114
|
+
let attempts = 2;
|
|
115
|
+
const tryToLoad = () => {
|
|
116
|
+
return NoReactInternals.fetchFontData(font).then((fontData) => {
|
|
117
|
+
const fontFace = new FontFace(meta.fontFamily, fontData, {
|
|
118
|
+
weight,
|
|
119
|
+
style: style2,
|
|
120
|
+
unicodeRange: meta.unicodeRanges[subset]
|
|
121
|
+
});
|
|
122
|
+
return loadFontFaceOrTimeoutAfter20Seconds(fontFace).then(() => {
|
|
123
|
+
(options?.document ?? document).fonts.add(fontFace);
|
|
124
|
+
registerFont(fontData);
|
|
125
|
+
continueRender(handle);
|
|
126
|
+
});
|
|
127
|
+
}).catch((err) => {
|
|
128
|
+
if (attempts === 0) {
|
|
129
|
+
loadedFonts[fontKey] = undefined;
|
|
130
|
+
throw err;
|
|
131
|
+
}
|
|
132
|
+
attempts--;
|
|
133
|
+
return tryToLoad();
|
|
134
|
+
});
|
|
135
|
+
};
|
|
136
|
+
const promise = tryToLoad();
|
|
137
|
+
loadedFonts[fontKey] = promise;
|
|
138
|
+
promises.push(promise);
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
if (fontsLoaded > 20 && !options?.ignoreTooManyRequestsWarning) {
|
|
142
|
+
console.warn(`Made ${fontsLoaded} network requests to load fonts for ${meta.fontFamily}. Consider loading fewer weights and subsets by passing options to loadFont(). Disable this warning by passing "ignoreTooManyRequestsWarning: true" to "options".`);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
return {
|
|
146
|
+
fontFamily: meta.fontFamily,
|
|
147
|
+
fonts: meta.fonts,
|
|
148
|
+
unicodeRanges: meta.unicodeRanges,
|
|
149
|
+
waitUntilDone: () => Promise.all(promises).then(() => {
|
|
150
|
+
return;
|
|
151
|
+
})
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
var loadVariableFonts = (meta, style, options) => {
|
|
155
|
+
if (!meta.variable) {
|
|
156
|
+
throw new Error(`${meta.fontFamily} is not available as a variable font`);
|
|
157
|
+
}
|
|
158
|
+
if (options.subsets.length === 0) {
|
|
159
|
+
throw new Error("Pass at least one subset to loadVariableFont()");
|
|
160
|
+
}
|
|
161
|
+
const fontFacesForStyle = meta.variable.fontFaces.filter((fontFace) => fontFace.style === style);
|
|
162
|
+
if (fontFacesForStyle.length === 0) {
|
|
163
|
+
throw new Error(`The variable font ${meta.fontFamily} does not have a style ${style}`);
|
|
164
|
+
}
|
|
165
|
+
const availableSubsetKeys = fontFacesForStyle.map((fontFace) => fontFace.subset);
|
|
166
|
+
const subsets = [
|
|
167
|
+
...new Set(options.subsets.flatMap((requestedSubset) => resolveFontSubsetKeys({
|
|
168
|
+
availableSubsetKeys,
|
|
169
|
+
metaSubsets: meta.subsets,
|
|
170
|
+
requestedSubset
|
|
171
|
+
})))
|
|
172
|
+
];
|
|
173
|
+
const promises = [];
|
|
174
|
+
for (const subset of subsets) {
|
|
175
|
+
if (typeof FontFace === "undefined") {
|
|
176
|
+
continue;
|
|
177
|
+
}
|
|
178
|
+
const font = fontFacesForStyle.find((fontFace) => fontFace.subset === subset);
|
|
179
|
+
if (!font) {
|
|
180
|
+
throw new Error(`subset: ${subset} is not available for the variable font '${meta.fontFamily}'`);
|
|
181
|
+
}
|
|
182
|
+
const fontKey = [
|
|
183
|
+
meta.fontFamily,
|
|
184
|
+
"variable",
|
|
185
|
+
font.style,
|
|
186
|
+
font.weight,
|
|
187
|
+
font.stretch,
|
|
188
|
+
font.subset,
|
|
189
|
+
font.src
|
|
190
|
+
].join("-");
|
|
191
|
+
const previousPromise = loadedFonts[fontKey];
|
|
192
|
+
if (previousPromise) {
|
|
193
|
+
promises.push(previousPromise);
|
|
194
|
+
continue;
|
|
195
|
+
}
|
|
196
|
+
const handle = delayRender(`Fetching variable ${meta.fontFamily} font ${JSON.stringify({
|
|
197
|
+
style,
|
|
198
|
+
subset
|
|
199
|
+
})}`, { timeoutInMilliseconds: 60000 });
|
|
200
|
+
const descriptors = {
|
|
201
|
+
style: font.style,
|
|
202
|
+
weight: font.weight,
|
|
203
|
+
unicodeRange: font.unicodeRange
|
|
204
|
+
};
|
|
205
|
+
if (font.stretch) {
|
|
206
|
+
descriptors.stretch = font.stretch;
|
|
207
|
+
}
|
|
208
|
+
const registerFont = (fontData) => {
|
|
209
|
+
NoReactInternals.registerFontFace({
|
|
210
|
+
ascentOverride: null,
|
|
211
|
+
descentOverride: null,
|
|
212
|
+
display: null,
|
|
213
|
+
featureSettings: null,
|
|
214
|
+
fontFamily: meta.fontFamily,
|
|
215
|
+
fontData,
|
|
216
|
+
fontUrl: font.src,
|
|
217
|
+
format: "woff2",
|
|
218
|
+
lineGapOverride: null,
|
|
219
|
+
style: font.style,
|
|
220
|
+
weight: font.weight,
|
|
221
|
+
stretch: font.stretch,
|
|
222
|
+
unicodeRange: font.unicodeRange,
|
|
223
|
+
variant: null
|
|
224
|
+
});
|
|
225
|
+
};
|
|
226
|
+
let attempts = 2;
|
|
227
|
+
const tryToLoad = () => {
|
|
228
|
+
return NoReactInternals.fetchFontData(font.src).then((fontData) => {
|
|
229
|
+
const fontFace = new FontFace(meta.fontFamily, fontData, descriptors);
|
|
230
|
+
return loadFontFaceOrTimeoutAfter20Seconds(fontFace).then(() => {
|
|
231
|
+
(options.document ?? document).fonts.add(fontFace);
|
|
232
|
+
registerFont(fontData);
|
|
233
|
+
continueRender(handle);
|
|
234
|
+
});
|
|
235
|
+
}).catch((err) => {
|
|
236
|
+
if (attempts === 0) {
|
|
237
|
+
loadedFonts[fontKey] = undefined;
|
|
238
|
+
throw err;
|
|
239
|
+
}
|
|
240
|
+
attempts--;
|
|
241
|
+
return tryToLoad();
|
|
242
|
+
});
|
|
243
|
+
};
|
|
244
|
+
const promise = tryToLoad();
|
|
245
|
+
loadedFonts[fontKey] = promise;
|
|
246
|
+
promises.push(promise);
|
|
247
|
+
}
|
|
248
|
+
if (subsets.length > 20 && !options.ignoreTooManyRequestsWarning) {
|
|
249
|
+
console.warn(`Made ${subsets.length} network requests to load the variable font ${meta.fontFamily}. Consider loading fewer subsets. Disable this warning by passing "ignoreTooManyRequestsWarning: true" to "options".`);
|
|
250
|
+
}
|
|
251
|
+
return {
|
|
252
|
+
fontFamily: meta.fontFamily,
|
|
253
|
+
axes: meta.variable.axes,
|
|
254
|
+
waitUntilDone: () => Promise.all(promises).then(() => {
|
|
255
|
+
return;
|
|
256
|
+
})
|
|
257
|
+
};
|
|
258
|
+
};
|
|
259
|
+
|
|
260
|
+
// src/ClarityCity.ts
|
|
261
|
+
var getInfo = () => ({
|
|
262
|
+
fontFamily: "Clarity City",
|
|
263
|
+
importName: "ClarityCity",
|
|
264
|
+
version: "v2",
|
|
265
|
+
url: "https://fonts.googleapis.com/css2?family=Clarity+City:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900",
|
|
266
|
+
unicodeRanges: {
|
|
267
|
+
"latin-ext": "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF",
|
|
268
|
+
latin: "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"
|
|
269
|
+
},
|
|
270
|
+
fonts: {
|
|
271
|
+
italic: {
|
|
272
|
+
"100": {
|
|
273
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
274
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
275
|
+
},
|
|
276
|
+
"200": {
|
|
277
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
278
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
279
|
+
},
|
|
280
|
+
"300": {
|
|
281
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
282
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
283
|
+
},
|
|
284
|
+
"400": {
|
|
285
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
286
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
287
|
+
},
|
|
288
|
+
"500": {
|
|
289
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
290
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
291
|
+
},
|
|
292
|
+
"600": {
|
|
293
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
294
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
295
|
+
},
|
|
296
|
+
"700": {
|
|
297
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
298
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
299
|
+
},
|
|
300
|
+
"800": {
|
|
301
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
302
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
303
|
+
},
|
|
304
|
+
"900": {
|
|
305
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2",
|
|
306
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
307
|
+
}
|
|
308
|
+
},
|
|
309
|
+
normal: {
|
|
310
|
+
"100": {
|
|
311
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
312
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
313
|
+
},
|
|
314
|
+
"200": {
|
|
315
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
316
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
317
|
+
},
|
|
318
|
+
"300": {
|
|
319
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
320
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
321
|
+
},
|
|
322
|
+
"400": {
|
|
323
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
324
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
325
|
+
},
|
|
326
|
+
"500": {
|
|
327
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
328
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
329
|
+
},
|
|
330
|
+
"600": {
|
|
331
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
332
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
333
|
+
},
|
|
334
|
+
"700": {
|
|
335
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
336
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
337
|
+
},
|
|
338
|
+
"800": {
|
|
339
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
340
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
341
|
+
},
|
|
342
|
+
"900": {
|
|
343
|
+
"latin-ext": "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2",
|
|
344
|
+
latin: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
},
|
|
348
|
+
subsets: ["latin", "latin-ext"],
|
|
349
|
+
variable: {
|
|
350
|
+
axes: {
|
|
351
|
+
wght: {
|
|
352
|
+
min: 100,
|
|
353
|
+
max: 900
|
|
354
|
+
}
|
|
355
|
+
},
|
|
356
|
+
fontFaces: [
|
|
357
|
+
{
|
|
358
|
+
style: "italic",
|
|
359
|
+
weight: "100 900",
|
|
360
|
+
stretch: null,
|
|
361
|
+
subset: "latin-ext",
|
|
362
|
+
unicodeRange: "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF",
|
|
363
|
+
src: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqPyZe-H9g.woff2"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
style: "italic",
|
|
367
|
+
weight: "100 900",
|
|
368
|
+
stretch: null,
|
|
369
|
+
subset: "latin",
|
|
370
|
+
unicodeRange: "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",
|
|
371
|
+
src: "https://fonts.gstatic.com/s/claritycity/v2/DdT_798JtW81ZAlzEm0KSqPfYqP8Ze8.woff2"
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
style: "normal",
|
|
375
|
+
weight: "100 900",
|
|
376
|
+
stretch: null,
|
|
377
|
+
subset: "latin-ext",
|
|
378
|
+
unicodeRange: "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF",
|
|
379
|
+
src: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfaZP-fes.woff2"
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
style: "normal",
|
|
383
|
+
weight: "100 900",
|
|
384
|
+
stretch: null,
|
|
385
|
+
subset: "latin",
|
|
386
|
+
unicodeRange: "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",
|
|
387
|
+
src: "https://fonts.gstatic.com/s/claritycity/v2/DdTh798JtW81ZAlzEm0KSqPfZ5P-.woff2"
|
|
388
|
+
}
|
|
389
|
+
],
|
|
390
|
+
url: "https://fonts.googleapis.com/css2?family=Clarity+City:ital,wght@0,100..900;1,100..900"
|
|
391
|
+
}
|
|
392
|
+
});
|
|
393
|
+
var fontFamily = "Clarity City";
|
|
394
|
+
var loadFont = (style, options) => {
|
|
395
|
+
return loadFonts(getInfo(), style, options);
|
|
396
|
+
};
|
|
397
|
+
var loadVariableFont = (style, options) => {
|
|
398
|
+
return loadVariableFonts(getInfo(), style, options);
|
|
399
|
+
};
|
|
400
|
+
export {
|
|
401
|
+
loadVariableFont,
|
|
402
|
+
loadFont,
|
|
403
|
+
getInfo,
|
|
404
|
+
fontFamily
|
|
405
|
+
};
|