Answers

• NicolasKrier FRMember ✭✭✭

  November 2018 edited November 2018

  LOL. That's always like this... It's when you spend 5 minutes writting a ticket that you think "I can't believe I'm stuck on this... What a beginner......... FML" then you found a solution.

  I tried the iOS value for android and got it working.

              <On Platform="Android" Value="Fonts/FontAwesome-Regular.otf#FontAwesome5ProRegular" />
  

  But it doesn't work for UWP.

  0
• Irongut Member ✭✭✭

  November 2018 Accepted Answer

  I think you have a path problem. On UWP your code says the font is supposrd to be in \Fonts but your screenshot shows it in \Assets\Fonts. Here's how I use FA on Android and UWP:

  <OnPlatform x:Key="FontAwesomeSolid" x:TypeArguments="x:String">
      <On Platform="Android" Value="Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free Solid" />
      <On Platform="UWP, WinRT, WinPhone" Value="Assets/Font Awesome 5 Free-Solid-900.otf#Font Awesome 5 Free" />
  </OnPlatform>
  <Style x:Key="FA-Solid" TargetType="Label">
      <Setter Property="FontFamily" Value="{StaticResource FontAwesomeSolid}" />
  </Style>
  

  5
• NicolasKrier FRMember ✭✭✭

  November 2018

  Ah... I thought it was looking into the Assets folder and that the platform was doing a Path.Combine("Assets", pathGiven).
  I was mistaken by Android & iOS which both look into the Assets folder.
  Thanks a lot ! I don't know why I didn't test that.
  Have a nice weekend Irongut !

  0
• Ryla Member ✭✭

  November 2018

  I have encountered the same problem, instead I tried the image

  0
• NicolasKrier FRMember ✭✭✭

  November 2018

  @Ryla you shouldn't, it works great once the path is well set

  0
• amirvenus USMember ✭✭✭

  January 21

  I am wondering if anyone's used the Regular and Solid variations of the FA Pro in XF.iOS app.

  0
• NicolasKrier FRMember ✭✭✭

  January 23

  @amirvenus i'm using FA Pro (light, solid, regular) with XF and everything work fine.

  0
• amirvenus USMember ✭✭✭

  January 23

  @NicolasKrier said:
  @amirvenus i'm using FA Pro (light, solid, regular) with XF and everything work fine.

  Could you please share how you set it up?

  0
• NicolasKrier FRMember ✭✭✭

  January 24 edited January 24

  @amirvenus try to do the same thing as I wrote in the first message of this post : I posted every screenshots.

  On iOS you will have to do that too : in info.plist
  <key>UIAppFonts</key>
<array>
<string>Fonts/FontAwesome-Regular.otf</string>
<string>Fonts/FontAwesome-Solid.otf</string>
<string>Fonts/FontAwesome-Light.otf</string>
</array>

  And here is the missing screenshot to find where I put the fonts :
  

  In your App.xaml :
  

  And use it like that :
  <Label FontFamily="{StaticResource FAR}" Text="&#xf0c8;" />

  Don't forget the thumb up if it works ;D

  1
• amirvenus USMember ✭✭✭

  January 25 edited January 25

  @NicolasKrier said:
  @amirvenus try to do the same thing as I wrote in the first message of this post : I posted every screenshots.

  On iOS you will have to do that too : in info.plist
  <key>UIAppFonts</key>
<array>
<string>Fonts/FontAwesome-Regular.otf</string>
<string>Fonts/FontAwesome-Solid.otf</string>
<string>Fonts/FontAwesome-Light.otf</string>
</array>

  And here is the missing screenshot to find where I put the fonts :
  

  In your App.xaml :
  

  And use it like that :
  <Label FontFamily="{StaticResource FAR}" Text="&#xf0c8;" />

  Don't forget the thumb up if it works ;D

  Still it's not working for me

         <StackLayout Margin="0,250,0,0">
              <Label Text="I am supposed to be Lato" FontSize="25" FontFamily="{StaticResource LATO}" />
              <Label Text="I am supposed to be Default" FontSize="25"  />
              <Label Text="I am supposed to be a heart &#xf004;" FontSize="25" FontFamily="{StaticResource FAS}" />
          </StackLayout>
  

  and my App.xaml:

      <Application.Resources>
  
          <OnPlatform x:Key="FAR" x:TypeArguments="x:String">
              <On Platform="Android" Value="Fonts/FontAwesome-Regular.otf#FontAwesome5ProRegular" />
              <On Platform="iOS" Value="Fonts/FontAwesome5ProRegular" />
          </OnPlatform>
  
          <OnPlatform x:Key="FAS" x:TypeArguments="x:String">
              <On Platform="Android" Value="Fonts/FontAwesome-Solid.otf#FontAwesome5ProSolid" />
              <On Platform="iOS" Value="Fonts/FontAwesome5ProSolid" />
          </OnPlatform>
  
          <OnPlatform x:Key="FAL" x:TypeArguments="x:String">
              <On Platform="Android" Value="Fonts/FontAwesome-Light.otf#FontAwesome5ProLight" />
              <On Platform="iOS" Value="Fonts/FontAwesome5ProLight" />
          </OnPlatform>
  
          <OnPlatform x:Key="LATO" x:TypeArguments="x:String">
              <On Platform="Android" Value="Fonts/lato-regular.ttf#Lato" />
              <On Platform="iOS" Value="Fonts/Lato" />
          </OnPlatform>
      </Application.Resources>
  

  and my info.plist:

  <key>UIAppFonts</key>
      <array>
          <string>fa-regular-400.ttf</string>
          <string>fa-solid-900.ttf</string>
          <string>lato-regular.ttf</string>
          <string>Fonts/lato-regular.ttf</string>
          <string>Fonts/FontAwesome-Regular.otf</string>
          <string>Fonts/FontAwesome-Solid.otf</string>
          <string>Fonts/FontAwesome-Light.otf</string>
      </array>
  

  and my folder structure on iOS:

  

  BTW, it's working fine on Android:

  

  but on iOS:

  

  0
• amirvenus USMember ✭✭✭

  January 25

  EDIT:

  I managed to get them working.

  Somehow, iOS didn't like the fonts being placed in the Fonts folder so I placed them inside the Resources main folder and edited info.plist and it just works now!

  0
• NicolasKrier FRMember ✭✭✭

  January 25

  @amirvenus the ios folder didn't work for a simple reason : what you did was good except the way you declare the font resource in App.xaml.
  If you take a closer look :
  You used
  <On Platform="iOS" Value="Fonts/FontAwesome5ProRegular" />
  Instead of :
  <On Platform="iOS" Value="FontAwesome5ProRegular" />

  iOS doesn't store the fonts by the path but by its name. The path is already given in the info.plist

  1
• RBrianLindahl USMember ✭✭

  May 30

  Thank you! It works. Except: the names seem to have changed at some point. They now have a dash in them - i.e., FontAwesome5Pro-Light. At least for the ones in the "desktop" download from FontAwesome.

  0