font-selector

Search Google Fonts and import font assets into Lens Studio Text components.

16|2|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/lens-studio-devs/ls-extensions --skill font-selector-lens-studio-devs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: font-selector
Source: https://github.com/lens-studio-devs/ls-extensions/tree/main/plugins/ls-clad/skills/font-selector
Command: npx skills add https://github.com/lens-studio-devs/ls-extensions --skill font-selector-lens-studio-devs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Choosing and wiring typography in a Lens Studio project normally requires manually downloading font files, generating asset metadata, and assigning fonts to every Text or Text3D component. This Skill automates that flow by searching the Google Fonts catalog by style or mood, importing the family as a proper Font asset, and applying it to text components. ## Core Features & Use Cases - Catalog search with visual previews: Query Google Fonts by description, mood, or category and compare candidates using pangram preview images before committing. - Import and apply in one step: Download a family, generate the required .meta file, and apply it to every Text/Text3D component under a target SceneObject, the current selection, or import-only for script-driven usage. - Theme-driven picking with a curated catalog: Derive search queries from a theme's mood and style, with a references/font-catalog.md shortlist of proven families per surface (HUDs, titles, body, kids, sci-fi, retro). - Use Case: You are building a game HUD and need a monospace font so the score does not jitter. Run the skill with "monospace for score HUD", pick JetBrains Mono from the previews, import it, then pass the path to /specs-build-ui as theme_font_path. ## Quick Start Ask the agent to find a modern clean sans-serif font and apply it to the text components in your Lens Studio project.

Frequently Asked Questions about font-selector

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a Google Font to a Lens Studio project?

Use the FontSelector MCP tool with the exact family name, such as FontSelector({ family: "Inter" }). It downloads the font, imports it as a Font asset with the required .meta file, and optionally applies it to Text or Text3D components.

How do I find a font by style or mood instead of name?

Call FontSelector with a free-text query like "elegant serif" or "playful handwriting", optionally narrowing with a category parameter. Results include pangram preview images so you can compare letter shapes and weight visually before importing.

What font should I use for a score or timer HUD in Lens Studio?

Use a monospace family such as JetBrains Mono so digits share the same width and the label does not jitter when values change. The curated catalog in references/font-catalog.md lists monospace and per-surface recommendations.

Why does requireAsset fail after manually copying a .ttf into Assets/Fonts?

Lens Studio needs the .meta file generated during asset import, which a hand-placed file lacks, so requireAsset fails with a cannot-find-asset error. Always import fonts through the FontSelector MCP tool instead of curl or manual file copies.

Why does my applied font revert after reloading the Lens Studio project?

If a generated UI module uses requireAsset for a theme font, that script assignment wins on reload and overrides Inspector-applied fonts. Re-run the UI build with the imported font path as theme_font_path so the script and Inspector agree.

Why does a freshly cloned project fail to load imported font files?

If the repo's .gitattributes routes Assets through git-lfs, a clone without git lfs pull leaves pointer text instead of the real font. Add an exception like Assets/Fonts/*.ttf !filter !diff !merge so font files are stored inline.