广告合作
MCP.so
登录

MCP SVG to Font

@omy13

代码仓库

基本信息

分类

其他

传输方式

stdio

作者

omy13

关于 MCP SVG to Font

🎨 MCP Server that converts SVG icons into web fonts with CSS and TypeScript support. Generate icon fonts from directories of SVG files.

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

MCP SVG to Font 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "mcp-svg-to-fonts": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/inspector",
        "npx",
        "tsx",
        "src/main.ts"
      ]
    }
  }
}

MCP SVG to Font 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,在临时沙箱中运行此服务器并实时获取工具列表。

概览

What is MCP SVG to Font?

MCP SVG to Font is a Model Context Protocol (MCP) server that converts SVG icons into multiple font formats (TTF, WOFF, WOFF2) and generates CSS and TypeScript definitions. It is designed for developers and AI agents who need to create, extend, or manage icon fonts while preserving backward compatibility.

How to use MCP SVG to Font?

Install Node.js 20.x+ and pnpm 10.x+, clone the repository, run pnpm install and pnpm build. Configure your MCP client (e.g., Claude Desktop) with the command npx tsx src/main.ts for development or node ./dist/main.js for production. Use the tools list-svgs, generate-font-from-svgs, extend-existing-font, or extend-font-advanced to scan directories, create fonts, or extend existing ones.

Key features of MCP SVG to Font

  • Converts SVG icons to TTF, WOFF, and WOFF2 formats.
  • Generates CSS with font-face declarations and icon classes.
  • Creates TypeScript type definitions for type-safe usage.
  • Extends existing fonts with new icons while preserving backward compatibility.
  • Extracts glyphs from TTF files without requiring original SVGs.
  • Fully compatible with MCP for AI agent integration.

Use cases of MCP SVG to Font

  • Creating a new custom icon system from a set of SVG files.
  • Adding new icons to an existing icon font while keeping all current icons intact.
  • Extending a third-party or legacy icon font when original SVG sources are unavailable.

常见问题

1

What font formats does MCP SVG to Font generate?

It can generate TTF, WOFF, and WOFF2 font files.

2

What are the prerequisites to run MCP SVG to Font?

Node.js version 20.x or later and pnpm version 10.x or later are required.

3

How does `extend-font-advanced` differ from `extend-existing-font`?

`extend-existing-font` requires the original SVG files, while `extend-font-advanced` extracts glyphs directly from the TTF file, meaning original SVGs are not needed.

4

Does extending a font break existing projects?

No, both extension methods guarantee 100% backward compatibility—existing icons keep their Unicode values, so existing code continues to work without changes.

5

What transport does MCP SVG to Font use for communication?

It is configured via MCP client settings using a `command` and `args`, running as a subprocess (standard stdio-based MCP transport).

评论

其他 分类下的更多 MCP 服务器

Screenpipe

screenpipe

YC (S26) | Open Computer History | Continuously record your company computer work, map your workflows, help you find work worth automating, and power your agents' context

22.0K

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

YOUB

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

Soar Flight Booking MCP

Soar Flight Booking MCP is a remote MCP server available at https://mcp.soar.flights.

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K
广告合作