[BUG] Font Typefaces do not work in Blazor

[r00terAF18]

Description

When trying to change the font, or just to have a bold or italic font, nothing changes in the DrawText function. Currenlty using .Net 9 and SkiaSharp 3.119.1 in a Blazor WASM app with the SKGLView Component in the razor file. The font stayes the same with or without the TypeFace property set in the SKFont. I have tried loading different fonts or even trying to call SKTypeface.FromFile() and still no difference. I have not tried to render text in the past using SkiaSharp, as such i do not know the last good version.

Installed packages in my project:

• SkiaSharp | nuget | 3.119.1
• SkiaSharp.Views.Blazor | nuget | 3.119.1
• SkiaSharp.NativeAssers.WebAssembly | nuget | 3.119.1

Code

Index.razor:

<SKGLView @ref="Canvas" @onmousemove="@OnMouseMove" @onmousedown="@OnMouseDown" @onmouseup="@OnMouseUp"
              @oncontextmenu="@OpenCtx" @onwheel="@OnMouseWheel" id="dropzone" IgnorePixelScaling="true"
              OnPaintSurface="OnPaintSurface" EnableRenderLoop="true"
              class="w-100 h-screen min-vh-100 mh-100 skglview"/>

Index.razor.cs:

private void OnPaintSurface(SKPaintGLSurfaceEventArgs e)
    {
        SKImageInfo info   = e.Info;
        SKCanvas?   canvas = e.Surface.Canvas;

        canvas.Clear();
        canvas.Save();
        canvas.Scale(_zoom);
        canvas.Translate(EndScale.X, EndScale.Y);

        // DrawPattern(canvas, info);
        // Manager.DrawPatterns(canvas, info, _zoom);

        DrawWellHead(canvas);

        Manager.DrawAll(canvas);

        // Parallel.ForEach(Manager.NonDraggablesComponents.OfType<IDrawComponent>(),
        //     (component, state) => { component.Draw(canvas); });
        //
        // Parallel.ForEach(Manager.DraggableComponents.OfType<IDrawComponent>(),
        //     (component, state) => { component.Draw(canvas); });
        //
        // Parallel.ForEach(Manager.DraggableComponents.OfType<IImageComponent>(),
        //     (component, state) => { component.Draw(canvas); });

        canvas.Restore();
    }

code snippet from Text Block class:

private SKFont Font { get; set; } = new()
    {
        Size = 12,
        ScaleX = 1,
        SkewX = 0,
        Typeface = SKTypeface.FromFamilyName("Noto Mono", 800, 500, SKFontStyleSlant.Italic)
    };

// other code ...

canvas.DrawText(text, X, Y, TextAlignment, Font, TextPaint);

Expected Behavior

No response

Actual Behavior

No response

Version of SkiaSharp

3.118.0-preview.2 (Next Preview)

Last Known Good Version of SkiaSharp

Other (Please indicate in the description)

IDE / Editor

Other (Please indicate in the description)

Platform / Operating System

Windows

Platform / Operating System Version

• Blazor WASM

Devices

No response

Relevant Screenshots

No response

Relevant Log Output

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Triage Summary

Labels will be applied to indicate reliability concerns and the affected platform (WebAssembly), as well as specifying that the area of impact is the SkiaSharp views in a Blazor application.

This issue does not appear to be a regression, but it involves unexpected behavior in rendering fonts within the Blazor application.

Additional remarks:

• The labels selected accurately highlight the issues with font rendering in the Blazor application using SkiaSharp; however, there are no mismatches identified with the content of the issue.

Detailed Summary and Actions

Summary of the triage:

• The issue indicates a problem with font typefaces not changing within a Blazor application using SkiaSharp.
• It is categorized under the reliability aspect as it reflects unexpected behavior in rendering.
• The issue specifically affects WebAssembly, as that is the platform being used for the Blazor application.
• The area of focus is on SkiaSharp.Views.Blazor, particularly regarding font rendering in the SKGLView component.

Summary of the actions that will be performed:

Action	Item	Description
Apply Label	tenet/reliability	The issue involves the inability to change font typefaces, indicating reliability concerns in the rendering process.
Apply Label	os/WASM	The issue is related to a Blazor application running on WebAssembly (WASM), highlighting the platform's involvement.
Apply Label	area/SkiaSharp.Views.Blazor	The issue pertains to the use of SkiaSharp in the Blazor application, specifically with font display in the SKGLView.

This entire triage process was automated by AI and mistakes may have been made. Please let us know so we can continue to improve.