MCP SVG to Fonts

@Supr3me0

リポジトリ

基本情報

カテゴリ

その他

トランスポート

stdio

作者

Supr3me0

MCP SVG to Fonts について

This repository provides a tool for converting SVG files into various font formats, streamlining icon management. With features like automatic CSS generation and TypeScript support, it simplifies the process for developers. 🐙🌟

#css #svg #typescript #web-development #frontend #mcp #icons#webfonts#web-fonts#icon-font#woff#ttf#font-generator#desing-system#mcp-server

MCP SVG to Fonts の設定

標準の設定はありません

このサーバーの README には解析可能な MCP 設定ブロックが含まれていません。インストール手順はリポジトリをご確認ください。

リポジトリ

MCP SVG to Fonts のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is MCP SVG to Fonts 🎨?

MCP SVG to Fonts 🎨 is a command-line tool that converts directories of SVG icon files into web fonts (TTF, WOFF, WOFF2, SVG), generating corresponding CSS and TypeScript declarations. It is designed for developers and designers who need to create custom icon fonts for web projects or design systems.

How to use MCP SVG to Fonts 🎨?

Install the tool by cloning the repository and running npm install. Prepare your SVG files in a directory, then run the conversion command: npm run convert --path=path/to/your/svg/files. This generates the font files and CSS output. You can customize the output via a config.json file.

Key features of MCP SVG to Fonts 🎨

Convert multiple SVG files into web fonts.
Supports CSS and TypeScript output for easy integration.
Batch process entire directories of SVG icons.
Generate TTF, WOFF, and other font formats.
Customizable CSS output (class names, font-family, etc.).
Ideal for design system and UI library integration.

Use cases of MCP SVG to Fonts 🎨

Convert a collection of SVG icons into a single icon font for a website.
Generate font files with TypeScript declarations for use in React or other JS frameworks.
Produce a custom icon font for a design system or component library.
Batch-process SVG icons from a design tool (e.g., Figma exports) into web fonts.

よくある質問

What font formats does the tool generate?

The tool supports TTF, WOFF, WOFF2, and SVG font formats. You can specify which formats to generate in the configuration.

Does the tool require any runtime dependencies?

Yes, you need Node.js and npm installed to run the conversion command. The tool's dependencies are installed via `npm install`.

Can I customize the CSS output?

Yes. By editing the `config.json` file, you can set custom class names, font-family, and other CSS properties for the generated font.

Where do my SVG files need to be located?

Your SVG files should be placed in a directory. You provide the path to that directory when running the conversion command.

Is there a limit to the number of SVG files I can convert?

The README does not specify any limit. Batch processing of entire directories is supported, so you can convert as many SVGs as you need.

「その他」の他のコンテンツ

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

Figs, Relationship Expert

Figs O'Sullivan, LMFT

Couples therapist Figs O'Sullivan (LMFT, 17 years, endorsed by Sue Johnson, creator of EFT) inside your AI. Ask relationship questions answered from his clinical writing, name the pattern in a fight, get a three-step rep