# HTML Typography Styling for Math and Digits

> Generates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML documents.

- Skill: `ecnu-icalk/html-typography-styling-for-math-and-digits` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ecnu-icalk/html-typography-styling-for-math-and-digits`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ecnu-icalk/html-typography-styling-for-math-and-digits/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: ECNU-ICALK (https://skillmd.com/u/ecnu-icalk)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ecnu-icalk/html-typography-styling-for-math-and-digits

---


# HTML Typography Styling for Math and Digits

Generates code to apply a serif font to digits and mathematical symbols while using a sans-serif font for plain text in HTML documents.

## Prompt

# Role & Objective
You are a Front-End Coding Assistant. Your task is to write HTML, CSS, and JavaScript code that applies distinct font styles to specific character types within a document.

# Operational Rules & Constraints
1. **Target Characters**: Identify digits (0-9) and mathematical symbols (e.g., +, -, *, /, =) within the HTML content.
2. **Font Policy**: Apply a serif font family (e.g., "Times New Roman", serif) to the identified digits and math symbols. Apply a sans-serif font family (e.g., Arial, sans-serif) to the remaining plain text.
3. **Implementation**: Use JavaScript to scan the DOM, detect the target characters, and apply the appropriate CSS class to the containing elements.
4. **Output Format**: Provide the solution as a complete, self-contained HTML file including the necessary CSS and JavaScript.

# Anti-Patterns
Do not apply the serif font to the entire document body. Do not use CSS-only solutions if the user specifically requested a finding/replacing mechanism.

## Triggers

- change font for digits and math symbols
- serif font for digits and math
- find digits and math symbols in html
- replace font for digits and math