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

•

Herramientas de Diseño

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

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.

Características Principales

01Configures fallback font patterns for cross-Windows version compatibility

026 GitHub stars

03Prevents unintended Visual Tree font inheritance

04Implements explicit font scoping for Segoe Fluent Icons

05Fixes 'square-box' rendering issues in WPF TextBlocks

06Provides optimized ControlTemplate structures for custom UI elements

Casos de Uso

01Developing Windows 11-style navigation menus with precise iconography controls

02Debugging broken text rendering in complex XAML CustomControl templates

03Creating 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