How to set font weight and width in MAUI projects

Question

Hi. I haven't found any documentation on this.

There are fonts that have their weight and width variants embedded inside their .ttf file. In there, variants are named like e.g. FontName Light Condensed. Condensed value means shrunk in spacing and width.

How do you use those properties in xaml setters? How to set weight to a specific numeric value? How to fully specify name of an internal font variant in a setter?

<Setter Property="FontFamily" Value="SomeFontName Light Condensed"/>

<!-- or -->

<Setter Property="FontFamily" Value="SomeFontName"/>
<Setter Property="FontWeight" Value="..."/>
<Setter Property="FontWidth" Value="..."/>

I've only found this Microsoft page about Font usage in MAUI. If you can explain how to convert that text into a xaml style code I'll consider it an answer.

https://learn.microsoft.com/en-us/dotnet/api/microsoft.maui.font.weight?view=net-maui-8.0

Answer 1

Hello,

Fonts in maui currently do not provide an API to directly modify the weight. MAUI provides several options for setting whether the font is bold or italic, but you can't specify specific properties.

Please refer to Fonts in .NET MAUI for more details.

FontAttributes, of type FontAttributes, which is an enumeration with three members: None, Bold, and Italic. The default value of this property is None.

For more font family property support, there are already related issues on GitHub, please stay tuned to [Enhancement] Add an API to handle font families properly #1018.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.