typography rule · error

font-token-only

fontFamily declarations not from the project token list.

What it flags

Generic CSS families and var(--…) references are allowed.

Examples

On system

style={{ fontFamily: "var(--fontFamily-sans)" }}

Flagged

style={{ fontFamily: "Comic Sans" }}

How to run it

Run npx windcraft check to run this and the other rules over your project. It ships at error severity by default, and your AI tools can call it on a snippet over MCP through validate_component_code — so drift is caught as the code is written, not just in review.

Catch design drift before it ships.