Design
Web Font Pairing Lab
Preview a heading + body Google Fonts pairing with weight and line-height controls, and copy a ready-to-paste CSS @import + variables snippet. Curated 22-face registry plus 7 proven pairing presets.
html· HTML resultOpen tool
Quick start
Call this tool from your code in three languages.
cURL
curl -X POST 'https://api.elysiatools.com/en/api/tools/webfont-pairing-lab' \
-H 'Content-Type: application/json' \
-d '{"headingFont":"Playfair Display","headingWeight":700,"bodyFont":"Inter","bodyWeight":400,"bodySize":16,"lineHeight":1.6,"headSample":"Custom heading text (optional)","bodySample":"Custom body text (optional)"}'API reference
Send a POST request with your inputs as JSON. File parameters require a separate upload first.
Endpoint
HTTP
POST https://api.elysiatools.com/en/api/tools/webfont-pairing-labParameters
| Name | Type | Required | Description |
|---|---|---|---|
| headingFont | select | No | The display / heading typeface. |
| headingWeight | number | No | Snaps to the nearest available weight for the chosen font. |
| bodyFont | select | No | The body / paragraph typeface. |
| bodyWeight | number | No | Snaps to the nearest available weight for the chosen font. |
| bodySize | number | No |
MCP integration
Add this tool to your Model Context Protocol server so AI agents can list and call it.
Server configuration
Add this block to your MCP client configuration:
mcp.json
{
"mcpServers": {
"elysiatools-webfont-pairing-lab": {
"name": "webfont-pairing-lab",
"description": "Preview a heading + body Google Fonts pairing with weight and line-height controls, and copy a ready-to-paste CSS @import + variables snippet. Curated 22-face registry plus 7 proven pairing presets.",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=webfont-pairing-lab",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}List available tools
After connecting to the SSE endpoint, list the exposed tools:
tools/list
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Call this tool
Invoke the tool by its id, passing arguments built from its parameters:
tools/call
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "webfont-pairing-lab",
"arguments": {
"headingFont": "Playfair Display",
"headingWeight": 700,
"bodyFont": "Inter",
"bodyWeight": 400,
"bodySize": 16,
"lineHeight": 1.6,
"headSample": "Custom heading text (optional)",
"bodySample": "Custom body text (optional)"
}
}
}Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).