How does this skill solve the font inheritance problem?

It provides a standardized XAML pattern that applies the icon font only to the specific icon element while explicitly re-declaring the standard system font for text-displaying elements.

Does this support both Windows 10 and Windows 11 icons?

Yes, it utilizes a fallback pattern (Segoe Fluent Icons, Segoe MDL2 Assets) to ensure icons render correctly on both older and newer versions of Windows.

Can I use this for any WPF CustomControl?

Absolutely. It is designed for any control where icons and text are used together, such as IconButtons, NavigationButtons, or ToggleButtons.

Why is my WPF text showing up as boxes instead of letters?

This typically happens when a parent container or a sibling element in a ControlTemplate has its FontFamily set to an icon font like Segoe Fluent Icons, which is then inherited by standard TextBlocks.

WPF Icon Font Inheritance Resolver

Name: WPF Icon Font Inheritance Resolver
Author: christian289

bychristian289

•

Design Tools

Resolves text font inheritance issues in WPF CustomControls to prevent icon fonts from overriding standard text styles.

About

This skill provides targeted guidance for WPF developers facing the common issue where 'Segoe Fluent Icons' leak into surrounding text elements within a ControlTemplate, causing standard text to render as broken symbols or boxes. It implements specific XAML patterns to isolate font styles, ensuring that icons and labels coexist correctly in custom UI components. By using explicit font declarations and intelligent fallback sequences for Segoe MDL2 Assets, this skill ensures consistent UI rendering across different Windows versions while maintaining the visual integrity of Fluent Design systems.

Key Features

Configures fallback font patterns for cross-Windows version compatibility
6 GitHub stars
Prevents unintended Visual Tree font inheritance
Implements explicit font scoping for Segoe Fluent Icons
Fixes 'square-box' rendering issues in WPF TextBlocks
Provides optimized ControlTemplate structures for custom UI elements

Use Cases

Developing Windows 11-style navigation menus with precise iconography controls
Debugging broken text rendering in complex XAML CustomControl templates
Creating custom IconButtons where text must remain Segoe UI while icons use Fluent symbols

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add christian289/dotnet-with-claudecode resolving-icon-font-inheritance

For use in Claude.ai and ChatGPT

Download Skill

GitHub