title: UWP XAML: Custom font with FontIcon and HamburgerMenuItem isn't rendering glyph
body: <p>I'm using the <code>HamburgerMenu</code> control from the UWP Community Toolkit in an app, because I want to support Windows 10 Mobile, so the new NavigationView control isn't an option for me.</p>
  
  <p>I'm trying to use a custom font (FontAwesome) to draw the glyphs for my menu. This worked when I was using NavigationView, but now that I'm trying to use HamburgerMenu instead, I can't get the glyphs to render properly if I create menu items in my code behind.</p>
  
  <p>Instead, the glyph reference displays as plain text. I tried inheriting <code>HamburgerMenuGlyphItem</code> and assigning the <code>Glyph</code> property, but that didn't work either.</p>
  
  <p>Here's my page:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;Page
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    
      xmlns:ct="using:Microsoft.Toolkit.Uwp.UI.Controls"
      mc:Ignorable="d"
      x:Class="Tweeter.MainPage"
      x:Name="PageMain"&gt;
  
      &lt;Page.Resources&gt;
          &lt;DataTemplate x:Key="HamburgerMenuItem"&gt;
              &lt;Grid&gt;
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="48" /&gt;
                      &lt;ColumnDefinition /&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
                  &lt;FontIcon Grid.Column="0"
                      FontFamily="{StaticResource FontAwesome}" 
                      Glyph="{Binding Icon}" /&gt;
                  &lt;TextBlock Grid.Column="1" Text="{Binding Label}" /&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/Page.Resources&gt;
  
      &lt;Grid&gt;
          &lt;ct:HamburgerMenu x:Name="navMain"
                          ItemTemplate="{StaticResource HamburgerMenuItem}"
                          ItemInvoked="navMain_ItemInvoked"
                          HamburgerVisibility="Visible"
                          UseNavigationViewWhenPossible="True"&gt;
  
              &lt;Frame x:Name="ContentFrame" Margin="0"&gt;
                  &lt;Frame.ContentTransitions&gt;
                      &lt;TransitionCollection&gt;
                          &lt;NavigationThemeTransition/&gt;
                      &lt;/TransitionCollection&gt;
                  &lt;/Frame.ContentTransitions&gt;
              &lt;/Frame&gt;
          &lt;/ct:HamburgerMenu&gt;
      &lt;/Grid&gt;
  &lt;/Page&gt;
  </code></pre>
  
  <p>And here's the relevant bits in my code behind:</p>
  
  <pre class="lang-cs prettyprint-override"><code>private void LoadMenu()
  {
      List &lt;MenuItem&gt; theMenu = new List&lt;MenuItem&gt;();
      MenuItem m = new MenuItem { Icon = "&amp;#xf099;", Tag = "Feed", Label = "Twitter Feed", PageType=typeof(FeedPage) };
  
      theMenu.Add(m);
      navMain.ItemsSource = theMenu;
  }
  
  public class MenuItem : HamburgerMenuItem
  {
      public Type PageType { get; set; }
      public string Icon { get; set; }
  }
  </code></pre>