@junwan666/remotion-fonts 4.0.448-zh.0

package/README.md

@@ -0,0 +1,18 @@
+# @remotion/fonts
+
+Helpers for loading local fonts into Remotion
+
+[![NPM Downloads](https://img.shields.io/npm/dm/@remotion/fonts.svg?style=flat&color=black&label=Downloads)](https://npmcharts.com/compare/@remotion/fonts?minimal=true)
+
+## Installation
+
+```bash
+npm install @remotion/fonts --save-exact
+```
+
+When installing a Remotion package, make sure to align the version of all `remotion` and `@remotion/*` packages to the same version.
+Remove the `^` character from the version number to use the exact version.
+
+## Usage
+
+See the [documentation](https://www.remotion.dev/docs/fonts-api) for more information.

package/dist/cjs/get-font-format.d.ts

@@ -0,0 +1,2 @@
+export type FontFormat = 'woff2' | 'woff' | 'opentype' | 'truetype';
+export declare const getFontFormat: (url: string) => FontFormat;

package/dist/cjs/get-font-format.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFontFormat = void 0;
+const getFontFormat = (url) => {
+    var _a;
+    const ext = (_a = url.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    switch (ext) {
+        case 'woff2':
+            return 'woff2';
+        case 'woff':
+            return 'woff';
+        case 'otf':
+            return 'opentype';
+        case 'ttf':
+            return 'truetype';
+        default:
+            throw new Error(`Could not automatically derive font format from extension: ${ext}. Pass the "format" parameter explicitly.`);
+    }
+};
+exports.getFontFormat = getFontFormat;

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export { FontFormat } from './get-font-format';
+export { LoadFontOptions, loadFont } from './load-font';

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadFont = void 0;
+const load_font_1 = require("./load-font");
+Object.defineProperty(exports, "loadFont", { enumerable: true, get: function () { return load_font_1.loadFont; } });

package/dist/cjs/load-font.d.ts

@@ -0,0 +1,17 @@
+import type { FontFormat } from './get-font-format';
+export type LoadFontOptions = {
+    family: string;
+    url: string;
+    ascentOverride?: string;
+    descentOverride?: string;
+    display?: 'auto' | 'block' | 'fallback' | 'optional' | 'swap';
+    featureSettings?: string;
+    lineGapOverride?: string;
+    stretch?: string;
+    style?: string;
+    unicodeRange?: string;
+    variant?: string;
+    weight?: string;
+    format?: FontFormat;
+};
+export declare const loadFont: ({ family, url, ascentOverride, descentOverride, display, featureSettings, lineGapOverride, stretch, style, unicodeRange, weight, format, variant, }: LoadFontOptions) => Promise<void>;

package/dist/cjs/load-font.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadFont = void 0;
+const remotion_1 = require("remotion");
+const get_font_format_1 = require("./get-font-format");
+const loadFont = async ({ family, url, ascentOverride, descentOverride, display, featureSettings, lineGapOverride, stretch, style, unicodeRange, weight, format, variant, }) => {
+    const waitForFont = (0, remotion_1.delayRender)(`Loading font ${family} (url: ${url}, format: ${format}, weight: ${weight}, style: ${style}, variant: ${variant}, ascentOverride: ${ascentOverride}, descentOverride: ${descentOverride}, display: ${display}, featureSettings: ${featureSettings}, lineGapOverride: ${lineGapOverride}, stretch: ${stretch}, unicodeRange: ${unicodeRange})`);
+    try {
+        const fontFormat = format !== null && format !== void 0 ? format : (0, get_font_format_1.getFontFormat)(url);
+        const font = new FontFace(family, `url('${url}') format('${fontFormat}')`, {
+            ascentOverride,
+            descentOverride,
+            display,
+            featureSettings,
+            lineGapOverride,
+            stretch,
+            style,
+            unicodeRange,
+            weight,
+            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
+            // @ts-ignore variant is not in the FontFace constructor
+            variant,
+        });
+        await font.load();
+        document.fonts.add(font);
+        (0, remotion_1.continueRender)(waitForFont);
+    }
+    catch (err) {
+        (0, remotion_1.cancelRender)(err);
+    }
+};
+exports.loadFont = loadFont;

package/dist/esm/index.mjs

@@ -0,0 +1,5 @@
+export {
+  loadFont,
+  LoadFontOptions,
+  FontFormat
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+	"repository": {
+		"url": "https://github.com/JunWan666/remotion-zh/tree/main/packages/fonts"
+	},
+	"name": "@junwan666/remotion-fonts",
+	"version": "4.0.448-zh.0",
+	"description": "Helpers for loading local fonts into Remotion",
+	"main": "dist/cjs/index.js",
+	"types": "dist/cjs/index.d.ts",
+	"module": "dist/esm/index.mjs",
+	"sideEffects": false,
+	"scripts": {
+		"formatting": "oxfmt src --check",
+		"format": "oxfmt src",
+		"lint": "eslint src",
+		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts"
+	},
+	"keywords": [
+		"remotion",
+		"fonts"
+	],
+	"author": "Lucas Benya <bitup.games@gmail.com>",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/remotion-dev/remotion/issues"
+	},
+	"dependencies": {
+		"remotion": "npm:@junwan666/remotion@4.0.448-zh.0"
+	},
+	"devDependencies": {
+		"@remotion/eslint-config-internal": "npm:@junwan666/remotion-eslint-config-internal@4.0.448-zh.0",
+		"eslint": "9.19.0",
+		"@typescript/native-preview": "7.0.0-dev.20260217.1"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"homepage": "https://www.remotion.dev/docs/fonts-api"
+}