← 返回 Skills 市场
55
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install google-web-fonts
功能描述
Use the Google Fonts API to add fonts to web pages.
使用说明 (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 |
安全使用建议
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.
功能分析
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.
能力评估
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.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install google-web-fonts - 安装完成后，直接呼叫该 Skill 的名称或使用
/google-web-fonts触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
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.
元数据
常见问题
Google Web Fonts 是什么？
Use the Google Fonts API to add fonts to web pages. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 55 次。
如何安装 Google Web Fonts？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install google-web-fonts」即可一键安装，无需额外配置。
Google Web Fonts 是免费的吗？
是的，Google Web Fonts 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
Google Web Fonts 支持哪些平台？
Google Web Fonts 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Google Web Fonts？
由 OpenLark（@openlark）开发并维护，当前版本 v1.0.0。
推荐 Skills