Text alignment mismatch when using icon fonts

[laolarou726]

Describe the bug

Text alignment mismatch when using icon fonts such as SegoeFluentIcons.

To Reproduce

Check out icon-font-err branch for both repo:

Avalonia Test
WPF Test

Screenshots

In Avalonia:

In WPF:

Environment

• OS: Windows 11 22H2
• Avalonia-Version: 11.1.999-cibuild0040792-beta

[robloo]

Two notes here:

1. This may be a Skia issue
2. I recall UWP/WinUI has a similar problem that remains unfixed: Question: Are differences between UWP/WinUI and WPF path rendering expected? microsoft/microsoft-ui-xaml#3077. This was not for fonts though, just paths.

[Alshain01]

I saw this issue as well with a piece of art I made myself. It almost seemed like it was using relative pathing even when the absolute path symbols were used (capital letters instead of lower case). In my case I was able to move an arc that was being drawn incorrectly to the front of the path and it corrected itself. It really was quite bizarre.

[robloo]

@Alshain01 Do you happen to have the path data you can share? That is probably easier to debug than a font.

[Alshain01]

@Alshain01 Do you happen to have the path data you can share? That is probably easier to debug than a font.

I would love to help but while I made it, I did so on the job, so it's proprietary and doesn't belong to me.

[SmRiley]

I have a similar situation, but I don’t know if it is the same problem as you. My icon will have one or two extra paddngs on the left. I always thought it was a problem with the default Text HorizontalAlignment, but I found that the normal text is Normal, only IconFont has this problem (normal on WPF)
Avalonia:

WPF:

[timunie]

@SmRiley do you have a sample xaml and font file for us ?

[SmRiley]

@SmRiley do you have a sample xaml and font file for us ?

AvaloniaIconFontErrorDemo.zip
Sure, and this is the demo running result

@timunie

[timunie]

thx ❤️

[laolarou726]

Any update on this?

[workgroupengineering]

Can anyone test the PR #14013 ? On my side, it solves the issue.