fontkit API Sandbox

Text

Font

Font Weight

Result

API Response (JSON)

{}

`;\n}\n\n// --- MAIN REQUEST HANDLER ---\nexport default async function handleRequest(req: Request): Promise {\n const url = new URL(req.url);\n const params = url.searchParams;\n const action = params.get(\"action\");\n\n try {\n if (action === \"getSVG\" || action === \"getSubset\") {\n const fontName = params.get(\"fontName\") || DEFAULT_FONT_NAME;\n const text = params.get(\"text\") || \"Hello\";\n const fontWeight = parseInt(params.get(\"fontWeight\") || \"400\", 10);\n const fontSize = 72;\n\n const font = await getFont(fontName);\n let styledFont = font;\n\n if (\"getFont\" in font && typeof font.getFont === \"function\") {\n styledFont = font.getFont({ fontWeight });\n }\n\n if (!styledFont) {\n throw new Error(\n `The font \"${fontName}\" is either static or the requested weight \"${fontWeight}\" is not available.`,\n );\n }\n\n const run = styledFont.layout(text, { fontSize });\n\n if (action === \"getSVG\") {\n // Return an array of path objects, each with its own 'd' and 'bbox'\n const pathData = run.glyphs.map(glyph => {\n const path = glyph.path.scale(1, -1).translate(glyph.x, glyph.y);\n const bbox = path.bbox;\n return {\n d: path.toSVG(),\n bbox: {\n x1: bbox.minX,\n y1: bbox.minY,\n x2: bbox.maxX,\n y2: bbox.maxY,\n },\n };\n });\n\n return new Response(JSON.stringify({ paths: pathData }), { headers: { \"Content-Type\": \"application/json\" } });\n }\n\n if (action === \"getSubset\") {\n const subset = font.createSubset();\n run.glyphs.forEach(glyph => {\n subset.includeGlyph(glyph);\n });\n const buffer = subset.encode();\n return new Response(buffer, {\n headers: {\n \"Content-Type\": \"font/ttf\",\n \"Content-Disposition\": `attachment; filename=\"${fontName}-subset.ttf\"`,\n },\n });\n }\n }\n\n // Default action serves the HTML\n const sourceUrl = `https://text2svg.val.run${url.pathname}`;\n return new Response(generateHtml(sourceUrl), { headers: { \"Content-Type\": \"text/html\" } });\n } catch (error) {\n return new Response(\n JSON.stringify({ error: \"An error occurred.\", details: error.message }),\n { status: 500, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n}","deleted","label","children",[],[151],"files",[149],"counts",{"_174":29,"_175":176,"_177":29,"_178":29},"pulls","branches",1,"forks","envVars","contents",[181],{"_103":150,"_96":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":182,"_100":160,"_161":162,"_163":164,"_165":25,"_166":-5,"_99":183},["D",1751975477655],[151],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name._index",{"_94":95,"_96":97,"_98":-7,"_100":-7,"_101":191,"_179":196,"_199":-7,"_200":-5,"_201":-5,"_170":202,"_206":207},{"_103":104,"_96":97,"_105":192,"_107":-5,"_108":25,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":25,"_116":-5,"_117":29,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_19":193,"_131":194,"_134":195,"_146":25},["D",1751959222548],{"_94":95,"_129":130},{"_94":95,"_133":130},{"_100":136,"_96":40,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":97,"_145":95},[197],{"_103":150,"_96":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":182,"_100":160,"_161":162,"_163":164,"_165":25,"_166":-5,"_99":198},[151],"readme","upstream","pull",[203],{"_103":150,"_96":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_105":159,"_100":160,"_161":162,"_163":164,"_165":25,"_166":-5,"_167":204,"_99":205},[],[151],"previews",[203],"routes/_app","actionData","errors"]