skills.rest
GodBlf
GodBlfCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

firefly-font-config

Modify font configuration settings in the Firefly theme's fontConfig.ts.

1|Updated Feb 16, 2026
Search Tags:#typography#web development#configuration#theme#font#firefly
One-click install
npx skills add https://github.com/GodBlf/godblf.github.io --skill firefly-font-config
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firefly-font-config
Source: https://github.com/GodBlf/godblf.github.io/tree/main/.agents/skills/firefly-font-config
Command: npx skills add https://github.com/GodBlf/godblf.github.io --skill firefly-font-config

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows for the modification of font configurations within the Firefly theme, addressing issues related to custom font enablement, preloading policies, font selection, and source definitions.

Core Features & Use Cases

  • Font Customization: Enable or disable custom fonts.
  • Preload Policy Management: Configure how fonts are preloaded for performance.
  • Font Selection: Choose specific fonts to be used in the theme.
  • Source Definition: Define the sources from which fonts are loaded.
  • Use Case: You want to enable a custom font for your blog and ensure it preloads correctly for faster rendering.

Quick Start

Use the firefly-font-config skill to enable custom fonts and set the preload policy to 'auto'.

Frequently Asked Questions about firefly-font-config

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

FAQPage Schema
How do I enable custom fonts for the Firefly theme?▼

To enable custom fonts for the Firefly theme, you modify the font configuration settings in the src/config/fontConfig.ts file. This process manages the typography stack and custom font enablement.

What is font preload policy management in web development?▼

Font preload policy management configures how fonts are preloaded for performance optimization. In the Firefly theme, you can set the preload policy to values like 'auto' to ensure fonts load correctly and render faster.

How do I configure font loading sources and fallback behavior?▼

Configuring font loading sources and fallback behavior involves updating source definitions in your theme's font configuration file. The firefly-font-config skill manages these settings to define where fonts are loaded from and how they fall back.

Does the firefly-font-config skill require specific TypeScript knowledge?▼

Modifying font configuration requires adherence to existing style, object structure, and value types in src/config/fontConfig.ts. You need understanding of TypeScript configuration objects to ensure minimal diffs while updating typography settings.

Can I use this skill to change the typography stack for a blog?▼

Yes, you can use this skill to change the typography stack for a blog built on the Firefly theme. It allows you to select specific fonts, define loading sources, and manage fallback behavior for custom font enablement.

Related Skills

Explore More Design & Creative Skills→
GodBlfGodBlf
1

firefly-ad-config

Modifies Firefly theme adConfig.ts entries including ad cards, images, CTA buttons, and sidebar slot links.

Community
Basic
anouar1991anouar1991
1

font-loading-audit

Audit font loading to detect FOIT/FOUT and optimize font delivery.

Community
Advanced
dxprdxpr
1

dxt

Manages DXPR Theme settings via Drush commands for Drupal.

Official
Intermediate
olznolzn
16

type-craft

Generate typography systems with type scales, vertical rhythm, and CSS custom properties.

Community
Intermediate