← Back to Skills Marketplace
55
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install google-web-fonts
Description
Use the Google Fonts API to add fonts to web pages.
README (SKILL.md)
Google Web Fonts
Use Cases
- Importing Google Fonts in HTML
- Building font CSS URLs (family, style, weight, subset, text parameters)
- Controlling font loading behavior with font-display
- Applying font effects (Beta)
Quick Start
1. Include the Font Stylesheet
\x3Clink rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name">
2. Use the Font in CSS
body {
font-family: 'Font Name', serif;
}
Building API Parameters
Basic Format
https://fonts.googleapis.com/css?family=Font+Name
Multiple Fonts (separated by |)
https://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans
Styles and Weights (separated by :)
| Style | Specifier |
|---|---|
| Italic | italic or i |
| Bold | bold or b, or numeric value such as 700 |
| Bold Italic | bolditalic or bi |
Example:
https://fonts.googleapis.com/css?family=Cantarell:italic|Droid+Serif:bold
font-display Control
https://fonts.googleapis.com/css?family=Roboto&display=swap
Subsets (subset parameter)
https://fonts.googleapis.com/css?family=Roboto+Mono&subset=cyrillic,greek
Performance Optimization (text parameter)
Specify the characters needed to reduce the font file size by up to 90%:
https://fonts.googleapis.com/css?family=Inconsolata&text=Hello%20World
Font Effects (Beta)
https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple
Usage:
\x3Cdiv class="font-effect-shadow-multiple">This is a font effect!\x3C/div>
Common Effects List
| Effect | API Name | Class Name |
|---|---|---|
| 3D | 3d |
font-effect-3d |
| 3D Float | 3d-float |
font-effect-3d-float |
| Anaglyph | anaglyph |
font-effect-anaglyph |
| Neon | neon |
font-effect-neon |
| Shadow Multiple | shadow-multiple |
font-effect-shadow-multiple |
| Vintage | vintage |
font-effect-vintage |
Usage Guidance
This skill appears safe for normal use as a Google Fonts reference. Before installing, be aware that pages using Google Fonts will load resources from Google, and avoid embedding private text in font URL parameters.
Capability Analysis
Type: OpenClaw Skill
Name: google-web-fonts
Version: 1.0.0
The skill bundle is purely informational documentation for an AI agent on how to use the legitimate Google Fonts API. It contains no executable code, no suspicious network requests, and no evidence of prompt injection or malicious intent in SKILL.md.
Capability Assessment
Purpose & Capability
The instructions are coherent with the stated purpose: they show how to build Google Fonts stylesheet URLs and apply fonts in HTML/CSS.
Instruction Scope
The skill provides examples and reference material only; it does not instruct the agent to run commands, alter accounts, or bypass user approval.
Install Mechanism
There is no install specification and no code files, so no package, script, or binary execution risk is shown in the artifacts.
Credentials
Using this skill adds Google-hosted stylesheet URLs to web pages, which is expected for Google Fonts but means browsers may contact Google when the page loads.
Persistence & Privilege
The artifacts show no credentials, persistence, background activity, privileged access, or local data storage.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install google-web-fonts - After installation, invoke the skill by name or use
/google-web-fonts - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release of google-web-fonts:
- Provides documentation for integrating Google Fonts into web pages.
- Explains building font CSS URLs with family, style, weight, subset, and text parameters.
- Includes guidance for controlling font loading with font-display.
- Covers usage of font effects (Beta), with a table of common effects.
- Offers practical examples for importing and applying fonts.
Metadata
Frequently Asked Questions
What is Google Web Fonts?
Use the Google Fonts API to add fonts to web pages. It is an AI Agent Skill for Claude Code / OpenClaw, with 55 downloads so far.
How do I install Google Web Fonts?
Run "/install google-web-fonts" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Google Web Fonts free?
Yes, Google Web Fonts is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Google Web Fonts support?
Google Web Fonts is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Google Web Fonts?
It is built and maintained by OpenLark (@openlark); the current version is v1.0.0.
More Skills