Custom font family is not working in WebAssembly

[amirhoseinadlfar]

Describe the bug

in desktop :

in WebAssembly:

Is there any arabic/persian support for WebAssembly?

To Reproduce

code :
im using Avalonia.Markup.Declarative

protected override object Build()
{
    return new StackPanel()
        .Orientation(Orientation.Vertical)
        .Children(
            new TextBlock()
                .Text("نام کاربری"),
            new TextBox(),

            new TextBlock()
                .Text("رمزعبور"),
            new TextBox(),

            new TextBlock()
                .Text("تکرار رمزعبور"),
            new TextBox()
        );
}

font style :

    Styles.Add(new Style()
        .Selector(selector => selector.Is<TemplatedControl>())
        .Setter(TemplatedControl.FontFamilyProperty, new FontFamily("Nahid")));

font resource loading :

    //avares://AvaloniaClient/Assets/Fonts/Nahid.ttf
    FontFamily nahidFontFamily = new FontFamily(Assets.Fonts.NahidPath);

    Resources.Add("Nahid", nahidFontFamily);

Expected behavior

No response

Avalonia version

11.0.10

OS

WebAssembly

Additional context

font family is https://github.com/rastikerdar/nahid-font

[amirhoseinadlfar]

without any font:


also, with default font, some characters like 'م' are not rendering correctly.

[timunie]

can you try 11.1 beta? Please mind the breaking changes for browser when you do so (mentioned in 11.1 beta1 thread)

[amirhoseinadlfar]

can you try 11.1 beta? Please mind the breaking changes for browser when you do so (mentioned in 11.1 beta1 thread)

for some reason its do not recognize Avalonia.Browser namespace after updating to 11.1.0-beta1 and 11.1.0-beta2. I'm not sure if its a bug or I am missing something, its working fine on 11.0.10

csproj :

<Project Sdk="Microsoft.NET.Sdk">
  <PropertyGroup>
    <TargetFramework>net8.0</TargetFramework>
    <RuntimeIdentifier>browser-wasm</RuntimeIdentifier>
    <WasmMainJSPath>AppBundle\main.js</WasmMainJSPath>
    <OutputType>Exe</OutputType>
  </PropertyGroup>

  <ItemGroup>
    <WasmExtraFilesToDeploy Include="AppBundle\**" />
  </ItemGroup>

  <ItemGroup>
    <PackageReference Include="Avalonia.Browser" Version="11.1.0-beta1" />
  </ItemGroup>

  <ItemGroup>
    <ProjectReference Include="..\AvaloniaClient\AvaloniaClient.csproj" />
  </ItemGroup>
</Project>

Error :
The type or namespace name 'Browser' does not exist in the namespace 'Avalonia' (are you missing an assembly reference?) AvaloniaClient.Browser
'AppBuilder' does not contain a definition for 'StartBrowserAppAsync' and no accessible extension method 'StartBrowserAppAsync' accepting a first argument of type 'AppBuilder' could be found (are you missing a using directive or an assembly reference?)
so I'm referenced it manually and move staticwebassets to my project AppBundle with Copy Always option.

  <ItemGroup>
    <Reference Include="Avalonia.Browser">
      <HintPath>C:\Users\{USER}\.nuget\packages\avalonia.browser\11.1.0-beta1\lib\net8.0-browser1.0\Avalonia.Browser.dll</HintPath>
    </Reference>
  </ItemGroup>

and for some reason when I'm start project with debug, visual studio do open browser but do not redirect browser to localhost:5000 and after sometime its give me error and close the browser so I'm have to do all my troubleshooting again. so I'm changed to Start Without Debugging and its also has some wired problems like not finding content inside _framework folder so I'm have to copy paste content manually every time, the project do not include Avalonia.Skia and I'm added it in nuget to browser project. and now I'm have this error which I'm have no idea what is about and I'm really did not expect project to run

[amirhoseinadlfar]

can you try 11.1 beta? Please mind the breaking changes for browser when you do so (mentioned in 11.1 beta1 thread)

but at least problem with character 'م' is fixed in desktop app

[jp2masa]

and for some reason when I'm start project with debug, visual studio do open browser but do not redirect browser to localhost:5000 and after sometime its give me error and close the browser so I'm have to do all my troubleshooting again.

That's probably #14570.

[timunie]

please also see here for 11.1-beta testing: #14821

[amirhoseinadlfar]

problem fixed.
the path of //avares://AvaloniaClient/Assets/Fonts/Nahid.ttf was wrong and changed to //avares://AvaloniaClient/Assets/Fonts#Nahid and now font can be load correctly.
it was falling back to default font instead of using nahid font so its must be the default font bug and its looks fine right now