Funnel Sans

sans300 · 400 · 500 · 600 · 700 · 800· OFL-1.1
mcpConnect your agent — pair Funnel Sans live
live endpoint

Point any MCP client at the shared fonts endpoint and your agent can search this exact catalog and suggest pairings — list_fonts and suggest_fonts, read-only, no key.

endpointhttps://mcp.brandsweets.com/fonts/mcp
claude mcp add --transport http brandsweets-fonts https://mcp.brandsweets.com/fonts/mcp
try this prompt

find me a heading font that pairs with Funnel Sans

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Pairs well with

More sans fonts

Self-host embed

Funnel Sans is free to self-host under OFL-1.1. Drop these @font-face rules into your CSS — the .woff2 files are served straight from BrandSweets.

css
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-300.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-500.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-600.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-700.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-800.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-300i.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-400i.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-500i.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-600i.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-700i.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("https://fonts.brandsweets.com/funnel-sans/funnel-sans-800i.woff2") format("woff2");
}

/* Usage */
.heading { font-family: "Funnel Sans", sans-serif; }

License & attribution

License
OFL-1.1
Weights
300, 400, 500, 600, 700, 800
Languages
latin, latin-ext

Machine-readable: font.md

Build a brand around Funnel Sans

Turn a font choice into a full identity — colors, type roles, logo, and agent-readable tokens your future sessions already know.