Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub · Developer Tools
Google Fonts
Load Google Fonts with proper performance, subsetting, and proven font pairings.
skill openclawclawhub Free
Load Google Fonts with proper performance, subsetting, and proven font pairings.
⬇ 0 downloads ★ 0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.0.0
Provenance
- Publisher
- ivangdavila
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Loading Mistakes
Missing display=swap causes invisible text until font loads—always add it to URL Load only weights you use: wght@400;600;700 not the entire family—each unused weight wastes ~20KB Missing preconnect slows load—add both: <link rel="preconnect" href="https://fonts.googleapis.com"> and <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Variable Fonts
Inter, Roboto Flex, Montserrat, Open Sans have variable versions—one file for all weights Use wght@100..900 syntax for variable—downloads single file instead of multiple CSS for variable: font-weight: 450 works with any value in range Check "Variable" badge on font page—not all Google Fonts are variable
Subsetting
Default includes latin—only add &subset=latin-ext if you need Polish, Vietnamese, etc. CJK fonts (Noto Sans JP, etc.) are huge—Google serves them sliced, but still heavy Unused subsets = wasted bytes—check what characters you actually need
Proven Pairings
Serif + Sans-Serif (classic contrast): Playfair Display (heading) + Source Sans Pro (body) Lora (heading) + Roboto (body) Libre Baskerville (heading) + Montserrat (body) Merriweather (heading) + Open Sans (body) Sans-Serif only (modern/clean): Inter (both)—vary weight for hierarchy Montserrat (heading) + Hind (body) Poppins (heading) + Nunito (body) Work Sans (heading) + Open Sans (body) Tech/Startup: Space Grotesk (heading) + Space Mono (code) DM Sans (heading) + DM Mono (code) IBM Plex Sans + IBM Plex Mono Display fonts (headings only): Abril Fatface, Bebas Neue, Oswald—never use these for body text
Font Selection by Purpose
Long-form reading: Merriweather, Lora, Source Serif Pro, Crimson Text UI/Interfaces: Inter, Roboto, Open Sans, Nunito Sans (tall x-height, clear at small sizes) Impact headings: Playfair Display, Oswald, Bebas Neue (not for body) Monospace: JetBrains Mono, Fira Code, Source Code Pro
Common Mistakes
Loading 6+ weights "to be safe"—pick exactly the weights you use (usually 2-3) Using display fonts for paragraphs—Lobster, Pacifico, Abril Fatface are heading-only Two fonts too similar—Roboto + Open Sans look almost identical; just use one Missing font-weight in CSS—font-weight: 600 won't work if you only loaded 400 and 700 No fallback stack—always: font-family: 'Inter', system-ui, sans-serif
Self-Hosting
Self-host for GDPR compliance—Google Fonts loads from Google servers, logs IP addresses Use google-webfonts-helper to download files Same font-display: swap needed in your @font-face Self-hosted can be faster if your CDN is closer than Google's
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
1 Docs
- SKILL.md