{"id":9410,"date":"2022-08-13T10:53:19","date_gmt":"2022-08-13T10:53:19","guid":{"rendered":"http:\/\/putridparrot.com\/blog\/?p=9410"},"modified":"2022-08-13T10:53:19","modified_gmt":"2022-08-13T10:53:19","slug":"adding-fonts-the-a-maui-application","status":"publish","type":"post","link":"https:\/\/putridparrot.com\/blog\/adding-fonts-the-a-maui-application\/","title":{"rendered":"Adding fonts the a MAUI application"},"content":{"rendered":"

When you create a MAUI application, the default application’s MauiProgram.cs contains the following<\/p>\n

\r\nbuilder\r\n  .UseMauiApp<App>()\r\n  .ConfigureFonts(fonts =>\r\n  {\r\n    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");\r\n    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");\r\n  });\r\n<\/pre>\n
As can be seen, we’re using .AddFont<\/em> to add .ttf filename along with an optional alias.<\/p>\n
The .ttf files are stored in the Resources\/Fonts folder or our application’s project and ofcourse the file name’s match those used in .AddFont<\/em><\/p>\n
To use our font’s within the MAUI XAML we simply use the alias name like this<\/p>\n
\r\n<Setter Property="FontFamily" Value="OpenSansRegular"\/>\r\n<\/pre>\n
This is taken from the default MAUI application’s Styles.xaml file.<\/em><\/p>\n
Adding our own font<\/strong><\/p>\n
This all looks fairly simple, so let’s add a font from Google Fonts<\/a>.<\/p>\n
I’m going to download the DynaPuff font, as I want something that will stand out when its changed.<\/p>\n