Tilda School Helper

Overview

✨ Tilda School Helper is a big set of tools for inspecting, copying and capturing web layout right on the page. Handy with Tilda and any website. 🧰 TOOLS 🔤 Fonts. Hover over any text to see its font, size, weight, line height and color. A click copies the font-family. The "Font" line shows the real font name from the file (like Fonts Ninja) — e.g. "Graphik LC Web Medium", not the internal alias that Tilda assigns: the extension pulls the @font-face rules (including from third-party stylesheets) and reads the name embedded in the actual font file for that weight. The "License" line hints at the source: green — free (system, Google Fonts or a free web font), orange — paid. Well-known commercial fonts (Adderley, Circular, Gilroy, Proxima Nova, Futura, Gotham and more) are recognized by name, and for them it suggests a close free Google Fonts alternative. Alt+click (⌥ Option+click on Mac) opens the Google Fonts page, Shift+click copies a direct link to the font file when available. 📏 Ruler. Three modes: "Box" — element dimensions; "Free" — a drag-out measuring frame not tied to elements; "Anchor → target" — the distance between two elements. 🎨 Eyedropper & colors.