> ## Content Index > Fetch the complete content index at: https://designzig.com/llms.txt > Use this file to discover other available public pages before exploring further. # Framer Font Drop 16: 4 New Open‑Source Fonts for Modern Websites - URL: https://designzig.com/framer-font-drop-16-4-new-open-source-fonts-for-modern-websites/ - Published: 2026-04-05T09:44:51.000Z - Updated: 2026-07-06T22:35:46.000Z - Author: DesignZig Editor - Tags: #Import 2026-10-18 19:23, #om-2 If you design websites or templates in [**Framer**, the **Font Drop 16**](https://framer.link/designzig) update is a fresh injection of typographic creativity. Framer just added four new open‑source typefaces—**Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin**—to its curated font library, all available directly in the Font Picker. These fonts are especially useful for landing pages, dashboards, and creative portfolios that want to stand out with a unique, web‑friendly look while staying within [Framer’s existing design](https://framer.link/designzig)‑and‑publish workflow. --- ## Quick summary - **Font Drop 16** adds **Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin** to [Framer’s open‑source collection.](https://framer.link/designzig) - All four fonts are now available in the **Font Picker** for new or existing Framer projects. - The new faces range from **pixel‑style and retro** to **elegant serif‑inspired** designs, giving you more visual variety. - You can use them in **templates, landing pages, and marketing sites** without extra installs or licensing hassle. - Framer continues to emphasize **open‑source fonts** and better font management inside the editor. --- ## What is Framer’s Font Drop 16? [**Framer Font Drop 16** ](https://framer.link/designzig)is part of Framer’s ongoing series of curated font releases, where the team adds a new batch of high‑quality, open‑source typefaces to its built‑in library. Each Font Drop makes more fonts available directly inside the Framer editor via the **Font Picker**, so you don’t need to load external files for basic projects. Font Drop 16 focuses on **diverse styles and moods**, from compact monospaced characters to expressive display fonts, giving designers more options for headings, call‑to‑actions, and UI elements. --- ## The 4 new fonts in Font Drop 16 ### Tiny 5×3 – Compact pixel‑style typeface - **Creator:** Jack Halten Fahnestock - **Vibe:** Minimal, retro, grid‑based, ideal for tech products, dashboards, and coding‑adjacent visuals. Tiny 5×3 is a tiny, blocky font that reads well at small sizes and works especially well for **data labels, badges, or constraints‑driven UI**. Its compact footprint also helps keep interfaces clean and readable on mobile layouts. ### Xx Stardust – Expressive, decorative display - **Creator:** Studio Mucho Gusto - **Vibe:** Playful, cosmic, slightly whimsical; great for **hero sections, posters, and creative marquees**. Xx Stardust stands out when you want a **headline that feels dynamic and textured**, without relying on heavy images. It pairs well with minimal layouts that need a single “wow” typographic element. ### Wavetosh – Fluid, organic curves - **Creator:** GGBot - **Vibe:** Soft, flowing, modern; works nicely for **branding, logos, and editorial‑style headers**. Wavetosh leans into **organic shapes and gentle curves**, making it a good fit for wellness, lifestyle, or creative agencies that want a less “geometric” feel. It can also add warmth to otherwise neutral color palettes. ### St. Martin – Elegant, serif‑inspired tone - **Creator:** Carl J. Kurtz - **Vibe:** Sophisticated, slightly serif‑leaning; useful for **luxury, fashion, or editorial websites**. St. Martin gives you a **more refined, high‑end feel** compared to standard sans‑serif fonts. It’s a strong choice for micro‑copy such as quotes, testimonials, or short feature descriptions that need a premium touch. --- ## How to use Font Drop 16 fonts in Framer Using these new [**Framer Font Drop 16** fonts](https://framer.link/designzig) is straightforward inside the Framer editor: 1. Open your project and **add a Text layer** to the canvas. 2. In the **Properties panel**, click the **Font Picker** (Web / Custom / Open Source). 3. Browse or search for **Tiny 5×3, Xx Stardust, Wavetosh, or St. Martin**; they appear in the Open Source category. 4. Apply the font to your text, then tweak **size, weight, spacing, and color** as needed. Because these are **web fonts**, they render consistently across devices and load without extra setup for most projects. If you later export to code or hand off to a developer, the fonts are already referenced in the generated CSS. --- ## Design tips for working with Font Drop 16 Using multiple[ Font Drop fonts](https://framer.link/designzig) in one project can quickly become noisy if not curated. Here are a few beginner‑friendly guidelines: - **Pair Tiny 5×3 with a neutral body font** (like Inter or Framer’s default web fonts) to keep interfaces readable. - **Use Xx Stardust or Wavetosh sparingly**—typically for one hero headline or a key CTA to avoid visual clutter. - **Reserve St. Martin for short, high‑impact text** such as taglines, quotes, or brand names rather than long paragraphs. - Maintain **consistent line height and spacing** when mixing Framer’s built‑in fonts with Font Drop faces to keep the layout harmonious. If you’re building a template store in Framer, you can also **create reusable text styles** with these fonts, then distribute them across pages for faster design iteration. --- ## How Font Drop 16 fits into Framer’s font ecosystem [Framer has been steadily expanding its **font picker and typography tools**](https://framer.link/designzig) over the past year, including previews for web fonts, better organization of web vs custom fonts, and richer text‑style options. Font Drop batches like **Font Drop 16** sit on top of this ecosystem, adding more **open‑source, curated typefaces** that designers can use without worrying about licensing for small‑scale projects. If you bring in a Figma project that uses custom fonts, you still have the option to **upload those fonts manually** in Framer, while Font Drop fonts give you a ready‑to‑use library for quick experimentation. --- ## So far we have learned - [**Font Drop 16** adds **Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin**](https://framer.link/designzig) as [new open‑source fonts in Framer.](https://framer.link/designzig) - These fonts are available directly in the **Font Picker**, so you can apply them to text layers without extra installs. - They cover a wide range of moods: **retro/pixel, playful display, organic script, and refined serif‑ish**. - You can safely mix them with Framer’s default web fonts as long as you keep hierarchy and spacing consistent. - For templates and landing pages, Font Drop 16 gives you more typographic variety without leaving Framer’s editor. --- ## FAQs about Framer Font Drop 16 ### 1\. Where do I find Font Drop 16 fonts in Framer? They appear in the [**Open Source** section ](https://framer.link/designzig)of the **Font Picker** inside the text‑properties panel. ### 2\. Do I need to pay or license Font Drop 16 fonts? The fonts are **open source**, so you can use them directly in [Framer projects ](https://framer.link/designzig)without extra licensing for most personal and small‑commercial uses. ### 3\. Can I use these fonts in my Figma‑to‑Framer workflows? You can use **Tiny 5×3, Xx Stardust, Wavetosh, and** [**St. Martin** in Framer](https://framer.link/designzig), but if your Figma file uses a different custom font, you must **upload that font to Framer** separately. ### 4\. Are Font Drop 16 fonts optimized for web performance? Yes: Framer’s web‑font support is built around **efficient font formats and loading**, so these fonts are generally optimized for performance on live sites. ### 5\. How often does Framer release new Font Drops? [Framer releases new **Font Drop** ](https://framer.link/designzig)batches periodically, usually adding four new open‑source fonts each time, as seen with earlier Drops like Font Drop 14 and the March Font Drop. --- ## Key Takeaways - **Framer Font Drop 16** expands your toolkit with [**Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin**,](https://framer.link/designzig) all open‑source and editor‑ready. - These fonts suit **tech dashboards, creative headlines, and refined branding**, depending on the style you pick. - Access them from the **Font Picker in the Properties panel**, then apply them to text layers or reusable styles. - To keep your designs clean, limit expressive faces like Xx Stardust and Wavetosh to **key headlines**, and pair them with neutral body fonts. - [Use Font Drop 16 as part of Framer’s broader **font ecosystem**](https://framer.link/designzig), combining them with web fonts, custom uploads, and text‑style presets for faster end‑to‑end workflows. ##