If you have installed the font in Windows, you can open the built-in Character Map app from Windows to find out about the mapping...

What glyph value to use for font icons in a universal windows app.

In a post from the past I described how to create fonts for a Windows Store App. If you author a font yourself, you probably know how you mapped the characters. For example, you might map the first icon to the character ‘A’ and increment from there. If this is the case, let’s explore our options how to show that first icon.

Declarative (XAML only)

<!--decimal-->
<FontIcon FontFamily="/wundercon-light.ttf#Wundercon" Glyph="&#0065;" />

<!--hexadecimal-->
<FontIcon FontFamily="/wundercon-light.ttf#Wundercon" Glyph="&#x0041;" />

<!--literal character-->
<FontIcon FontFamily="/wundercon-light.ttf#Wundercon" Glyph="A" />

Code behind

To do this in code-behind, name your FontIcon:

<FontIcon x:Name="icon" FontFamily="/wundercon-light.ttf#Wundercon"/>

And use one of these options:

// decimal
icon.Glyph = ((char)65).ToString();

// hexadecimal
icon.Glyph = "\u0041";

// literal character
icon.Glyph = "A";

Finding out the character value

If you get a font from a designer, chances are that you don’t know how the characters are mapped. Opening the font in the Windows Font Viewer, shows the Font Name and characters, but no values:

font viewer

If you have installed the font in Windows, you can open the built-in Character Map app from Windows to find out about the mapping. Another way is to download a Font Manager that supports character maps. I use the portable version of NexusFont for this:

map

Select the character to see the mapping values:

charactera

Now use any of these values (hexadecimal, decimal or literal) in your WinRT app.

Written by Loek van den Ouweland on 2016-02-02.
Questions regarding this artice? You can send them to the address below.