Label:[WinUI] FontFamily is not recognized in Unpackaged application.

[anjPetrov]

Description

Label FontFamily is not recognized when App is published as type Unpackaged.
I have set up a .NET MAUI project with only a label inside of it using "Font Awesome" and declaring an icon.
Label works as expected in Debug and Release. However when the app is published as Unpackaged the FontFamily is no longer recognized. I have tried different Font families but none seem to work.

Sample app:
DemoApp.zip

App look in Release:

App look in Unpackaged application:

Steps to Reproduce

1.Open the Sample project.
2. Use the following command: dotnet publish -f net6.0-windows10.0.19041.0 -c Release -p:WindowsPackageType=None -p:SelfContained=true -p:WindowsAppSDKSelfContained=true
3. Run the App from the exe file

Expected: User sees the icon of the label.
Actual: User sees an empty rectangle

Version with bug

6.0.408 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

net6.0-windows10.0.19041.0

Did you find any workaround?

No response

Relevant log output

No response

VS bug #1778184

Depends on

• CanvasFontSet throws in Unpackaged apps microsoft/Win2D#891
• winui StorageFile.GetFileFromApplicationUriAsync throw exception StorageFile.GetFileFromApplicationUriAsync microsoft/microsoft-ui-xaml#8304
• https://dev.azure.com/microsoft/OS/_workitems/edit/43890883
• Announcing: WinUI 3 in Windows App SDK 1.0! 🎆🎉🎇 microsoft/microsoft-ui-xaml#6325

[MartyIX]

Is there any workaround for this issue?

[mattleibow]

I think we use the ms-appx:/// scheme to load fonts, and I wonder if this is not working in unpackanged apps. I will test and both create a WinUI issue and see if I can create a workaround/fix.

[mattleibow]

Seems to work in WinUI, so I will have to check a bit more...

WinUI-Test-App.zip

[mattleibow]

This is a workaround for apps that are experiencing this:

#if WINDOWS
Microsoft.Maui.Handlers.LabelHandler.Mapper.AppendToMapping("FontFamily", (handler, element) =>
{
    if (element.Font.Family == "FontAwesome")
    {
        const string FontAwesomeFamily = "ms-appx:///Fontawesome6brands.otf#Font Awesome 6 Brands";
        handler.PlatformView.FontFamily = new Microsoft.UI.Xaml.Media.FontFamily(FontAwesomeFamily);
    }
});
#endif

I am looking into why this is happening as the code is the same and should produce the same result packaged/unpackaged...

[mattleibow]

Seems to be related to Win2D:

System.ArgumentException: Value does not fall within the expected range.
   at WinRT.ExceptionHelpers.<ThrowExceptionForHR>g__Throw|20_0(Int32 hr)
   at Microsoft.Graphics.Canvas.Text.CanvasFontSet._ICanvasFontSetFactory.Create(Uri uri)
   at Microsoft.Graphics.Canvas.Text.CanvasFontSet.<>c__DisplayClass11_0.<.ctor>b__0()
   at Microsoft.Graphics.Canvas.Text.CanvasFontSet..ctor(Uri uri)
   at Microsoft.Maui.FontManager.FindFontFamilyName(String fontFile) in C:\Projects\maui\src\Core\src\Fonts\FontManager.Windows.cs:line 152

[mattleibow]

I managed to isolate the issue and it is a result of Win2D throwing an exception: microsoft/Win2D#891

[danies8]

@mattleibow this bug still exists in window platform on last version.
See all icons are corrupted:

[mattleibow]

@danies8 are those using your custom MAUI fonts or is that default controls? Was this packaged or unpackaged.

Unless you are using custom fonts from the maui app yourself, I think the issue lies in WinUI and can be resolved here:microsoft/microsoft-ui-xaml#7866

Have you checked to see if all the system fonts are available on windows server? Like Segoe and Segoe UI?

[danies8]

1. I'm using this fonts in MAUI app:
   .ConfigureFonts(fonts => { fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold"); })
2. I'm using unpackaged installation on window 10 and server 2019
3. How do i check if all the system fonts are available on windows server? Like Segoe and Segoe UI?

[mattleibow]

@danies8 those glyphs I do not think are part of your cusotm fonts as they are OS fonts.

For server, I am not super familiar, but can you just see the Fonts in the Control Panel? However, that discussion is best on the WinUI issue (microsoft/microsoft-ui-xaml#7866) - this issue is for tracking missing custom fonts in labels and things which is actually tracked here: microsoft/Win2D#891

Not sure this issue is worth keeping open as we can't really do anything as both issues are bugs in Windows - either the OS or the SDK.

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[Redth]

Tracking in: https://dev.azure.com/microsoft/OS/_workitems/edit/43890883

[Scottj1s]

See also: microsoft/microsoft-ui-xaml#8304
Which in turn mentions the APIs unsupported in unpackaged apps: microsoft/microsoft-ui-xaml#6325

[mattleibow]

Reopening as we have fixed the issue in maui, but we need the win2d to be updated and released first.

[ss1969]

This is a workaround for apps that are experiencing this:

#if WINDOWS
Microsoft.Maui.Handlers.LabelHandler.Mapper.AppendToMapping("FontFamily", (handler, element) =>
{
    if (element.Font.Family == "FontAwesome")
    {
        const string FontAwesomeFamily = "ms-appx:///Fontawesome6brands.otf#Font Awesome 6 Brands";
        handler.PlatformView.FontFamily = new Microsoft.UI.Xaml.Media.FontFamily(FontAwesomeFamily);
    }
});
#endif

I am looking into why this is happening as the code is the same and should produce the same result packaged/unpackaged...

Don't know how to apply this workaround. Can you please paste a full MauiProgram.cs ?

[ghost]

Hello lovely human, thank you for your comment on this issue. Because this issue has been closed for a period of time, please strongly consider opening a new issue linking to this issue instead to ensure better visibility of your comment. Thank you!

[SeccoMaracuja]

This is a workaround for apps that are experiencing this:

#if WINDOWS
Microsoft.Maui.Handlers.LabelHandler.Mapper.AppendToMapping("FontFamily", (handler, element) =>
{
    if (element.Font.Family == "FontAwesome")
    {
        const string FontAwesomeFamily = "ms-appx:///Fontawesome6brands.otf#Font Awesome 6 Brands";
        handler.PlatformView.FontFamily = new Microsoft.UI.Xaml.Media.FontFamily(FontAwesomeFamily);
    }
});
#endif

I am looking into why this is happening as the code is the same and should produce the same result packaged/unpackaged...

Please post a full MauiProgram.cs