@remotion/google-fonts 4.0.327 → 4.0.329
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/TikTokSans.d.ts +94 -0
- package/dist/cjs/TikTokSans.js +92 -0
- package/dist/cjs/index.js +5 -0
- package/dist/esm/TikTokSans.mjs +200 -0
- package/dist/esm/index.mjs +5 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -2
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
export declare const getInfo: () => {
|
|
2
|
+
fontFamily: string;
|
|
3
|
+
importName: string;
|
|
4
|
+
version: string;
|
|
5
|
+
url: string;
|
|
6
|
+
unicodeRanges: {
|
|
7
|
+
'cyrillic-ext': string;
|
|
8
|
+
cyrillic: string;
|
|
9
|
+
greek: string;
|
|
10
|
+
vietnamese: string;
|
|
11
|
+
'latin-ext': string;
|
|
12
|
+
latin: string;
|
|
13
|
+
};
|
|
14
|
+
fonts: {
|
|
15
|
+
normal: {
|
|
16
|
+
'300': {
|
|
17
|
+
'cyrillic-ext': string;
|
|
18
|
+
cyrillic: string;
|
|
19
|
+
greek: string;
|
|
20
|
+
vietnamese: string;
|
|
21
|
+
'latin-ext': string;
|
|
22
|
+
latin: string;
|
|
23
|
+
};
|
|
24
|
+
'400': {
|
|
25
|
+
'cyrillic-ext': string;
|
|
26
|
+
cyrillic: string;
|
|
27
|
+
greek: string;
|
|
28
|
+
vietnamese: string;
|
|
29
|
+
'latin-ext': string;
|
|
30
|
+
latin: string;
|
|
31
|
+
};
|
|
32
|
+
'500': {
|
|
33
|
+
'cyrillic-ext': string;
|
|
34
|
+
cyrillic: string;
|
|
35
|
+
greek: string;
|
|
36
|
+
vietnamese: string;
|
|
37
|
+
'latin-ext': string;
|
|
38
|
+
latin: string;
|
|
39
|
+
};
|
|
40
|
+
'600': {
|
|
41
|
+
'cyrillic-ext': string;
|
|
42
|
+
cyrillic: string;
|
|
43
|
+
greek: string;
|
|
44
|
+
vietnamese: string;
|
|
45
|
+
'latin-ext': string;
|
|
46
|
+
latin: string;
|
|
47
|
+
};
|
|
48
|
+
'700': {
|
|
49
|
+
'cyrillic-ext': string;
|
|
50
|
+
cyrillic: string;
|
|
51
|
+
greek: string;
|
|
52
|
+
vietnamese: string;
|
|
53
|
+
'latin-ext': string;
|
|
54
|
+
latin: string;
|
|
55
|
+
};
|
|
56
|
+
'800': {
|
|
57
|
+
'cyrillic-ext': string;
|
|
58
|
+
cyrillic: string;
|
|
59
|
+
greek: string;
|
|
60
|
+
vietnamese: string;
|
|
61
|
+
'latin-ext': string;
|
|
62
|
+
latin: string;
|
|
63
|
+
};
|
|
64
|
+
'900': {
|
|
65
|
+
'cyrillic-ext': string;
|
|
66
|
+
cyrillic: string;
|
|
67
|
+
greek: string;
|
|
68
|
+
vietnamese: string;
|
|
69
|
+
'latin-ext': string;
|
|
70
|
+
latin: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
subsets: string[];
|
|
75
|
+
};
|
|
76
|
+
export declare const fontFamily: "TikTok Sans";
|
|
77
|
+
type Variants = {
|
|
78
|
+
normal: {
|
|
79
|
+
weights: '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
80
|
+
subsets: 'cyrillic' | 'cyrillic-ext' | 'greek' | 'latin' | 'latin-ext' | 'vietnamese';
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
export declare const loadFont: <T extends keyof Variants>(style?: T, options?: {
|
|
84
|
+
weights?: Variants[T]["weights"][];
|
|
85
|
+
subsets?: Variants[T]["subsets"][];
|
|
86
|
+
document?: Document;
|
|
87
|
+
ignoreTooManyRequestsWarning?: boolean;
|
|
88
|
+
}) => {
|
|
89
|
+
fontFamily: import("./base").FontInfo["fontFamily"];
|
|
90
|
+
fonts: import("./base").FontInfo["fonts"];
|
|
91
|
+
unicodeRanges: import("./base").FontInfo["unicodeRanges"];
|
|
92
|
+
waitUntilDone: () => Promise<undefined>;
|
|
93
|
+
};
|
|
94
|
+
export {};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.loadFont = exports.fontFamily = exports.getInfo = void 0;
|
|
4
|
+
const base_1 = require("./base");
|
|
5
|
+
const getInfo = () => ({
|
|
6
|
+
fontFamily: 'TikTok Sans',
|
|
7
|
+
importName: 'TikTokSans',
|
|
8
|
+
version: 'v4',
|
|
9
|
+
url: 'https://fonts.googleapis.com/css2?family=TikTok+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900',
|
|
10
|
+
unicodeRanges: {
|
|
11
|
+
'cyrillic-ext': 'U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F',
|
|
12
|
+
cyrillic: 'U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116',
|
|
13
|
+
greek: 'U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF',
|
|
14
|
+
vietnamese: 'U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB',
|
|
15
|
+
'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',
|
|
16
|
+
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',
|
|
17
|
+
},
|
|
18
|
+
fonts: {
|
|
19
|
+
normal: {
|
|
20
|
+
'300': {
|
|
21
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
22
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
23
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
24
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
25
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
26
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
27
|
+
},
|
|
28
|
+
'400': {
|
|
29
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
30
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
31
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
32
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
33
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
34
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
35
|
+
},
|
|
36
|
+
'500': {
|
|
37
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
38
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
39
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
40
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
41
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
42
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
43
|
+
},
|
|
44
|
+
'600': {
|
|
45
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
46
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
47
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
48
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
49
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
50
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
51
|
+
},
|
|
52
|
+
'700': {
|
|
53
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
54
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
55
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
56
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
57
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
58
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
59
|
+
},
|
|
60
|
+
'800': {
|
|
61
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
62
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
63
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
64
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
65
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
66
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
67
|
+
},
|
|
68
|
+
'900': {
|
|
69
|
+
'cyrillic-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2',
|
|
70
|
+
cyrillic: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2',
|
|
71
|
+
greek: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2',
|
|
72
|
+
vietnamese: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2',
|
|
73
|
+
'latin-ext': 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2',
|
|
74
|
+
latin: 'https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2',
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
subsets: [
|
|
79
|
+
'cyrillic',
|
|
80
|
+
'cyrillic-ext',
|
|
81
|
+
'greek',
|
|
82
|
+
'latin',
|
|
83
|
+
'latin-ext',
|
|
84
|
+
'vietnamese',
|
|
85
|
+
],
|
|
86
|
+
});
|
|
87
|
+
exports.getInfo = getInfo;
|
|
88
|
+
exports.fontFamily = 'TikTok Sans';
|
|
89
|
+
const loadFont = (style, options) => {
|
|
90
|
+
return (0, base_1.loadFonts)((0, exports.getInfo)(), style, options);
|
|
91
|
+
};
|
|
92
|
+
exports.loadFont = loadFont;
|
package/dist/cjs/index.js
CHANGED
|
@@ -8107,6 +8107,11 @@ const getAvailableFonts = () => [
|
|
|
8107
8107
|
importName: 'Tienne',
|
|
8108
8108
|
load: () => Promise.resolve().then(() => __importStar(require('./Tienne'))),
|
|
8109
8109
|
},
|
|
8110
|
+
{
|
|
8111
|
+
fontFamily: 'TikTok Sans',
|
|
8112
|
+
importName: 'TikTokSans',
|
|
8113
|
+
load: () => Promise.resolve().then(() => __importStar(require('./TikTokSans'))),
|
|
8114
|
+
},
|
|
8110
8115
|
{
|
|
8111
8116
|
fontFamily: 'Tillana',
|
|
8112
8117
|
importName: 'Tillana',
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
// src/base.ts
|
|
2
|
+
import { continueRender, delayRender } from "remotion";
|
|
3
|
+
import { NoReactInternals } from "remotion/no-react";
|
|
4
|
+
var loadedFonts = {};
|
|
5
|
+
var withResolvers = function() {
|
|
6
|
+
let resolve;
|
|
7
|
+
let reject;
|
|
8
|
+
const promise = new Promise((res, rej) => {
|
|
9
|
+
resolve = res;
|
|
10
|
+
reject = rej;
|
|
11
|
+
});
|
|
12
|
+
return { promise, resolve, reject };
|
|
13
|
+
};
|
|
14
|
+
var loadFontFaceOrTimeoutAfter20Seconds = (fontFace) => {
|
|
15
|
+
const timeout = withResolvers();
|
|
16
|
+
const int = setTimeout(() => {
|
|
17
|
+
timeout.reject(new Error("Timed out loading Google Font"));
|
|
18
|
+
}, 18000);
|
|
19
|
+
return Promise.race([
|
|
20
|
+
fontFace.load().then(() => {
|
|
21
|
+
clearTimeout(int);
|
|
22
|
+
}),
|
|
23
|
+
timeout.promise
|
|
24
|
+
]);
|
|
25
|
+
};
|
|
26
|
+
var loadFonts = (meta, style, options) => {
|
|
27
|
+
const weightsAndSubsetsAreSpecified = Array.isArray(options?.weights) && Array.isArray(options?.subsets) && options.weights.length > 0 && options.subsets.length > 0;
|
|
28
|
+
if (NoReactInternals.ENABLE_V5_BREAKING_CHANGES && !weightsAndSubsetsAreSpecified) {
|
|
29
|
+
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.");
|
|
30
|
+
}
|
|
31
|
+
const promises = [];
|
|
32
|
+
const styles = style ? [style] : Object.keys(meta.fonts);
|
|
33
|
+
let fontsLoaded = 0;
|
|
34
|
+
for (const style2 of styles) {
|
|
35
|
+
if (typeof FontFace === "undefined") {
|
|
36
|
+
continue;
|
|
37
|
+
}
|
|
38
|
+
if (!meta.fonts[style2]) {
|
|
39
|
+
throw new Error(`The font ${meta.fontFamily} does not have a style ${style2}`);
|
|
40
|
+
}
|
|
41
|
+
const weights = options?.weights ?? Object.keys(meta.fonts[style2]);
|
|
42
|
+
for (const weight of weights) {
|
|
43
|
+
if (!meta.fonts[style2][weight]) {
|
|
44
|
+
throw new Error(`The font ${meta.fontFamily} does not have a weight ${weight} in style ${style2}`);
|
|
45
|
+
}
|
|
46
|
+
const subsets = options?.subsets ?? Object.keys(meta.fonts[style2][weight]);
|
|
47
|
+
for (const subset of subsets) {
|
|
48
|
+
let font = meta.fonts[style2]?.[weight]?.[subset];
|
|
49
|
+
if (!font) {
|
|
50
|
+
throw new Error(`weight: ${weight} subset: ${subset} is not available for '${meta.fontFamily}'`);
|
|
51
|
+
}
|
|
52
|
+
let fontKey = `${meta.fontFamily}-${style2}-${weight}-${subset}`;
|
|
53
|
+
const previousPromise = loadedFonts[fontKey];
|
|
54
|
+
if (previousPromise) {
|
|
55
|
+
promises.push(previousPromise);
|
|
56
|
+
continue;
|
|
57
|
+
}
|
|
58
|
+
const baseLabel = `Fetching ${meta.fontFamily} font ${JSON.stringify({
|
|
59
|
+
style: style2,
|
|
60
|
+
weight,
|
|
61
|
+
subset
|
|
62
|
+
})}`;
|
|
63
|
+
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`;
|
|
64
|
+
const handle = delayRender(label, { timeoutInMilliseconds: 60000 });
|
|
65
|
+
fontsLoaded++;
|
|
66
|
+
const fontFace = new FontFace(meta.fontFamily, `url(${font}) format('woff2')`, {
|
|
67
|
+
weight,
|
|
68
|
+
style: style2,
|
|
69
|
+
unicodeRange: meta.unicodeRanges[subset]
|
|
70
|
+
});
|
|
71
|
+
let attempts = 2;
|
|
72
|
+
const tryToLoad = () => {
|
|
73
|
+
if (fontFace.status === "loaded") {
|
|
74
|
+
continueRender(handle);
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const promise = loadFontFaceOrTimeoutAfter20Seconds(fontFace).then(() => {
|
|
78
|
+
(options?.document ?? document).fonts.add(fontFace);
|
|
79
|
+
continueRender(handle);
|
|
80
|
+
}).catch((err) => {
|
|
81
|
+
loadedFonts[fontKey] = undefined;
|
|
82
|
+
if (attempts === 0) {
|
|
83
|
+
throw err;
|
|
84
|
+
} else {
|
|
85
|
+
attempts--;
|
|
86
|
+
tryToLoad();
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
loadedFonts[fontKey] = promise;
|
|
90
|
+
promises.push(promise);
|
|
91
|
+
};
|
|
92
|
+
tryToLoad();
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
if (fontsLoaded > 20) {
|
|
96
|
+
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".`);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
return {
|
|
100
|
+
fontFamily: meta.fontFamily,
|
|
101
|
+
fonts: meta.fonts,
|
|
102
|
+
unicodeRanges: meta.unicodeRanges,
|
|
103
|
+
waitUntilDone: () => Promise.all(promises).then(() => {
|
|
104
|
+
return;
|
|
105
|
+
})
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
// src/TikTokSans.ts
|
|
110
|
+
var getInfo = () => ({
|
|
111
|
+
fontFamily: "TikTok Sans",
|
|
112
|
+
importName: "TikTokSans",
|
|
113
|
+
version: "v4",
|
|
114
|
+
url: "https://fonts.googleapis.com/css2?family=TikTok+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900",
|
|
115
|
+
unicodeRanges: {
|
|
116
|
+
"cyrillic-ext": "U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F",
|
|
117
|
+
cyrillic: "U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116",
|
|
118
|
+
greek: "U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF",
|
|
119
|
+
vietnamese: "U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB",
|
|
120
|
+
"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",
|
|
121
|
+
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"
|
|
122
|
+
},
|
|
123
|
+
fonts: {
|
|
124
|
+
normal: {
|
|
125
|
+
"300": {
|
|
126
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
127
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
128
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
129
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
130
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
131
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
132
|
+
},
|
|
133
|
+
"400": {
|
|
134
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
135
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
136
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
137
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
138
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
139
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
140
|
+
},
|
|
141
|
+
"500": {
|
|
142
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
143
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
144
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
145
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
146
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
147
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
148
|
+
},
|
|
149
|
+
"600": {
|
|
150
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
151
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
152
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
153
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
154
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
155
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
156
|
+
},
|
|
157
|
+
"700": {
|
|
158
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
159
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
160
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
161
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
162
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
163
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
164
|
+
},
|
|
165
|
+
"800": {
|
|
166
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
167
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
168
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
169
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
170
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
171
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
172
|
+
},
|
|
173
|
+
"900": {
|
|
174
|
+
"cyrillic-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBAB5OR2g.woff2",
|
|
175
|
+
cyrillic: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBJB5OR2g.woff2",
|
|
176
|
+
greek: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBOB5OR2g.woff2",
|
|
177
|
+
vietnamese: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBCB5OR2g.woff2",
|
|
178
|
+
"latin-ext": "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBDB5OR2g.woff2",
|
|
179
|
+
latin: "https://fonts.gstatic.com/s/tiktoksans/v4/70luu7g-Lm8OXGnh_Ow1sUfFMmlnhbRF425wxXH-UGeud7XItbaHtxhggMrrmAvSNAHtMV6x5NBNB5M.woff2"
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
},
|
|
183
|
+
subsets: [
|
|
184
|
+
"cyrillic",
|
|
185
|
+
"cyrillic-ext",
|
|
186
|
+
"greek",
|
|
187
|
+
"latin",
|
|
188
|
+
"latin-ext",
|
|
189
|
+
"vietnamese"
|
|
190
|
+
]
|
|
191
|
+
});
|
|
192
|
+
var fontFamily = "TikTok Sans";
|
|
193
|
+
var loadFont = (style, options) => {
|
|
194
|
+
return loadFonts(getInfo(), style, options);
|
|
195
|
+
};
|
|
196
|
+
export {
|
|
197
|
+
loadFont,
|
|
198
|
+
getInfo,
|
|
199
|
+
fontFamily
|
|
200
|
+
};
|
package/dist/esm/index.mjs
CHANGED
|
@@ -8070,6 +8070,11 @@ export const getAvailableFonts = () => [
|
|
|
8070
8070
|
importName: 'Tienne',
|
|
8071
8071
|
load: () => import('./Tienne.mjs'),
|
|
8072
8072
|
},
|
|
8073
|
+
{
|
|
8074
|
+
fontFamily: 'TikTok Sans',
|
|
8075
|
+
importName: 'TikTokSans',
|
|
8076
|
+
load: () => import('./TikTokSans.mjs'),
|
|
8077
|
+
},
|
|
8073
8078
|
{
|
|
8074
8079
|
fontFamily: 'Tillana',
|
|
8075
8080
|
importName: 'Tillana',
|