Best Google Fonts MCP Servers
Google Fonts is a library of free licensed font families, offering web fonts for use in websites and applications, making the web more beautiful, fast, and open through great typography.
Why this server?
Search and browse the Google Fonts catalog to choose typography, and find font pairings for heading, body, and mono roles.
AlicenseAqualityAmaintenanceMCP server for design kits and brand workflows. Coding agents can browse and apply design systems, create brand projects, and research names, domains, and EUIPO marks.6140 npmMITWhy this server?
Resolves visual nouns against Google Fonts, returning font licences, sizes, and load snippets so agents can use real typography in their projects.
Why this server?
Provides tools for exploring and suggesting font pairings from the live Google Fonts catalogue, with ranking that avoids popular defaults, and returns @import URLs and CSS custom properties.
AlicenseAqualityCmaintenanceEnables AI agents to audit and fix CSS for generic AI-built design patterns, covering fonts, palettes, contrast, and type scales.638 npmMITWhy this server?
Allows fetching font families from Google Fonts and embedding the WOFF2 files directly into published or updated HTML artifacts. Publish/update tools accept a `fonts` array specifying family, weights, and style (normal/italic); the server retrieves the fonts, embeds them in the saved HTML, and the viewer/PDF export uses the saved fonts without contacting Google. Supports up to four family/style entries and eight weight/style combinations, with font-size limits and explicit error codes for unavailable, invalid, or oversized fonts.
AlicenseAqualityAmaintenanceEnables publishing sanitized static HTML pages from an MCP agent and receiving shareable URLs, with tools for updating, listing, publishing, and deleting pages.12194 npmMITWhy this server?
Allows loading any Google Font by name for use in text clips, with automatic fetching.
AlicenseAqualityAmaintenanceFableCut is a Premiere-style non-linear video editor that runs entirely in your browser — and exposes its whole timeline as one JSON document. Edit it by hand, from the UI, or let an AI agent (Claude Code, Claude Desktop, or anything that speaks MCP/REST) cut your video for you while you watch the timeline update live.151,012 npm732MITWhy this server?
Provides font search, pairings, and typography system generation using Google Fonts.
AlicenseAqualityAmaintenanceMCP server for searching Google Fonts and generating complete CSS/Tailwind typographic systems with font pairings and modular scales.5147 PyPI17MITWhy this server?
Provides curated font pairings and typography scales with direct links to Google Fonts, enabling the use of web fonts in design projects.
AlicenseAqualityBmaintenanceProvides comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.28MITWhy this server?
Supports rendering HTML/CSS layouts with Google Fonts for precise typography in images.
AlicenseAqualityDmaintenanceAn MCP server that turns Claude into a full image production studio, enabling creation, editing, resizing, and brand-consistent asset generation across multiple platforms.6MITWhy this server?
Allows searching the Google Fonts catalogue, retrieving font metadata, previewing text in a chosen font as HTML, and generating HTML and CSS embed code for web pages.
AlicenseAqualityBmaintenanceThis MCP server enables AI assistants to search the Google Fonts catalogue, retrieve detailed font metadata, generate live HTML text previews, and obtain embed code for use on web pages.49 npmMIT