Google Fonts API Connector for AI agents.
4 live capabilities
Manage web typography and audit font families for brand consistency.
Waiting for input…
Why people use Google Fonts API
Google Fonts API for Typography Auditing
This Connector lets you just ask. You tell your agent what you need, and it pulls the metadata, weights, and subsets in one go. You get a clear answer on whether a font fits your specs without ever leaving your chat window.
What Vinkius changes
You get instant access to the entire Google Fonts library through a natural conversation.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 6,100+ Connectors
- Real-world use case 01
Verifying weight availability
A designer needs to know if a font has a 'Light' weight.
- Real-world use case 02
Checking international support
A dev needs to know if a font supports Japanese.
- Real-world use case 03
Identifying trending typography
A brand manager wants to see what's popular.
Complete set · 4capabilities
The complete Google Fonts API capability set.
These are the exact actions your AI can choose when you ask it to work with Google Fonts API.
01—04
4 capabilities in this set.
Part of 4 available through Google Fonts API.
- 01 Capability
Check api status
Check if the Google Fonts service is running. This ensures your workflow isn't interrupted by service outages.
- 02 Capability
Get font details
Pull every weight, style, and metadata point for a font family. Use this to verify if a font meets your brand's specific requirements.
- 03 Capability
List all fonts
See the entire collection of fonts in the Google Fonts catalog. This is great for broad discovery when you're starting a new project from scratch.
- 04 Capability
Search fonts
Find specific fonts by their family name. Use this to quickly jump to the fonts you already know about.
Set up in minutes
One URL. Then ask Google Fonts API to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Google Fonts API from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Google Fonts API, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Google Fonts API for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Google Fonts API URL.
- Step 03
Save and start
Save the connection and enable Google Fonts API in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"google-fonts-api": {
"url": "https://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp"
}
}
}- Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Google Fonts API
Open Agent mode in chat and ask: "Using Google Fonts API, help me...". 4 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"google-fonts-api": {
"url": "https://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp"
}
}
}- Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Google Fonts API
Ask Copilot: "Using Google Fonts API, help me...". 4 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"google-fonts-api": {
"url": "https://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp"
}
}
}- Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Google Fonts API
Open Cascade and ask: "Using Google Fonts API, help me...". 4 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"google-fonts-api": {
"url": "https://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp"
}
}
}- Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Google Fonts API
Ask Cline: "Using Google Fonts API, help me...". 4 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add google-fonts-api --transport http "https://edge.vinkius.com/vk_preview_Hkh4NDABMbaZapou7u1jRPUnB4AhYFfWKBDVtAHj/mcp"- Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Google Fonts API
Ask Claude: "Using Google Fonts API, show me...". 4 tools are ready
Where the request belongs
Work Google Fonts can move forward.
Designers who need to stay on-brand, developers building accessible web apps, and marketing leads managing global typography.
Brand Designer
Auditing font weights for a new style guide to ensure consistency across all platforms.
Front-end Developer
Checking font subset availability for a multi-language website to avoid layout issues.
Marketing Lead
Identifying trending typography for a seasonal campaign using natural language queries.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsIdeogram
Generate stunning images from text prompts with an AI model that excels at typography, logos, and photorealistic compositions.
Design Token Transformer
Convert, resolve, and generate multi-platform design tokens (JSON, CSS, SCSS, Tailwind, etc.).
Ideogram (AI Image Generation)
Generate and edit images via Ideogram. the industry leader for rendering text within AI-generated visuals.
Open Emoji API
Access emoji data. audit characters, names, and categories via AI.
Color Contrast Checker
Check WCAG color contrast compliance via AI. verify text readability against backgrounds for accessible, inclusive web design.
EmojisWorld
Universal emoji intelligence. search emojis, list categories, and get random icons via AI.
Bring your own AI
Change the model, client or framework. Keep Google Fonts connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Google Fonts.
The practical details behind the request, access and result.
Can the Google Fonts API MCP help me with brand guidelines?
Yes, it lets you verify every weight and style for a font family to ensure your brand stays consistent across all platforms.
How do I check if a font supports different languages?
You can ask your agent to identify the supported subsets for any font, which helps with international design planning.
Can I use this to find trending fonts?
Yes, you can query the catalog for popularity and trending status to see what's currently leading in web typography.
Does this Connector show me every font in the Google library?
It provides a way to list all fonts available in the Google Fonts catalog for broad discovery.
How does this help with web development?
It allows developers to verify font availability and audit variant distributions without manual searching.
What happens if the Google Fonts service goes down?
The Connector includes a capability to check the API status, so your agent can verify if the service is operational.
How do I find my Google Fonts API Key?
Log in to the Google Cloud Console, enable the 'Google Fonts Developer API', and create an API Key in the 'Credentials' section. Copy and paste it below.
Can I sort fonts by popularity?
Yes. Use the list_all_fonts capability and provide the sort parameter as 'popularity'. Your agent will return the most widely used fonts first.
Are available weights included in the details?
Yes. Every font family record retrieved by your agent includes a full list of available variants (e.g., 'regular', '700', 'italic') and supported subsets.
One connection away
Give your agent a direct line to Google Fonts.
Connect Google Fonts once. Keep it beside 6,100+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available