Xamarin.Forms test project demonstrating usage of custom fonts ...
Update to Xamarin.Forms 4.2.0.709249 (not tested yet)
| platform | Label IF | Label MPF | Button FontIcon |
SkiaSharp |
|---|---|---|---|---|
| XF.UWP | OK | OK | OK | OK |
| XF.Android | OK | OK | OK | OK |
| XF.iOS | OK | OK | OK | OK |
| XF.MacOS | OK | OK | OK | OK |
| XF.WPF | OK | OK | KO | KO*1 |
IF = IconFont / MPF = MediaPlayerFont
black screen on XF.WPF
| platform | Label IF | Label MPF | Button FontIcon |
SkiaSharp |
|---|---|---|---|---|
| XF.UWP | OK | OK | OK | OK |
| XF.Android | OK | OK | OK | OK |
| XF.iOS | OK | OK | OK | OK |
| XF.MacOS | OK | OK | OK | OK |
| XF.WPF | OK | OK | KO | KO*1 |
IF = IconFont / MPF = MediaPlayerFont
Unable to cast object of type 'SkiaSharp.Views.Forms.SKCanvasViewRenderer' to type 'Xamarin.Forms.IRegisterable'.
mono/SkiaSharp#484
mono/SkiaSharp#486
First of all you had to add your font to the nativ project. The details are a bit different on each platform.
On Android you should add your fontfiles to the Assets folder and mark them as AndroidAsset.
<AndroidAsset Include="Assets\MediaPlayerFont.ttf" />
On iOS there are two steps: first you have add the font files to the Resources folder and mark them as BundleResource.
<BundleResource Include="Resources\Fonts\MediaPlayerFont.ttf" />
Second you have to declare the fonts in the info.plist. The path is important. If you out the files in a subfolder (eg Fonts), you have to specify it.
<key>UIAppFonts</key>
<array>
<string>Fonts/IconFont.ttf</string>
<string>Fonts/MediaPlayerFont.ttf</string>
</array>
<key>ATSApplicationFontsPath</key>
<string>Fonts</string>
Same as iOS ...
<BundleResource Include="Resources\Fonts\MediaPlayerFont.ttf" />
<key>UIAppFonts</key>
<array>
<string>Fonts/IconFont.ttf</string>
<string>Fonts/MediaPlayerFont.ttf</string>
</array>
<key>ATSApplicationFontsPath</key>
<string>Fonts</string>
On a UWP project you should add your fontfiles to the Assets folder and mark them as Content.
<Content Include="Assets\Fonts\MediaPlayerFont.ttf" />
In order to use our custom (you should adapt the code to your) fonts and their excat location. We created two little helpers: The first one determines the full FontFamily name including the path depending on the runtime platform:
GetFontFamily(Device.RuntimePlatform);
public static string GetFontFamily(string RuntimePlatform, string FontName = "IconFont")
{
switch (RuntimePlatform)
{
case "macOS":
case "iOS":
// Add the font file with Build Action: BundleResource, and
// Update the Info.plist file(Fonts provided by application, or UIAppFonts, key)
return $"{FontName}";
case "Android":
// add the font file to the Assets folder in the application project and set Build Action: AndroidAsset.
return $"{FontName}.ttf#{FontName}";
case "WPF":
// https://github.com/xamarin/Xamarin.Forms/pull/3225
// add the font file to the /Fonts/ folder in the application project and set the Build Action:Resource - Do not copy.
return $"/XFCustomFonts.WPF;component/Fonts/#{FontName}";
default:
case "UWP":
// add the font file to the /Assets/Fonts/ folder in the application project and set the Build Action:Content.
return $"Assets/Fonts/{FontName}.ttf#{FontName}";
};
}
... FontPage.cs ...
labelIF.FontFamily = GetFontFamily(Device.RuntimePlatform);
labelIF.Text = ZPFFonts.IF.GetContent(ZPFFonts.IF.ZPF);
... cf SkiaPage.cs ...
Builds on Windows and MacOS with Visual Studio 2019 with the latest Xamarin, .NET Core and UWP installed.