Skip to content

pantoken / formats/icon-font/src / buildIconFont

関数: buildIconFont()

buildIconFont(options?): Promise<IconFontResult>

ベータ

アイコンフォントをビルドします。

パラメーター

options?

BuildIconFontOptions = {}

BuildIconFontOptions.

戻り値

Promise<IconFontResult>

IconFontResult」。

フルフォントをビルドし、アーティファクトを書き出す

ts
import { buildIconFont } from "@pantoken/icon-font";
import { writeFileSync } from "node:fs";

const font = await buildIconFont();
writeFileSync("PanTokens.woff2", font.woff2);
writeFileSync("PanTokens.ttf", font.ttf);
writeFileSync("icons.css", font.css);

カスタムフォント名と別のテーマからのアイコンのサブセット

ts
import { buildIconFont } from "@pantoken/icon-font";

const font = await buildIconFont({
  fontName: "Instructure",
  icons: ["arrow-left", "check-mark"],
  theme: "canvas",
});
font.codepoints; // { "arrow-left": "e000", "check-mark": "e001" }