CODEWITHSUNDEEP
xamlwindows-phone-8windows-phone
Kasun Kodagoda
Kasun Kodagoda

Reputation: 4024

Custom Font in Windows Phone 8

I tried to add a custom font into my application. I need it for the page title. I copied the font to a folder named "Fonts" and changed the build action to Content. In the property panel the font shows up in the font list. But when i add the font the page title doesn't change. It changes a little bit but not like the font i'm using. The odd thing is when i double click on the page title the text gets highlighted in the textblock and then the highlighted text shows in the font i want. This is confusing. What should i do to correct this?

XAML for the page title

<TextBlock Text="page title" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontFamily="/AppName;component/Assets/Fonts/Dekers_Bold.ttf#Dekers_Bold"  />

Upvotes: 1

Views: 2189

Answers (4)

CarmenA
CarmenA

Reputation: 403

Any Font works in windows 8, but after you add it to your project, right click on the font, choose properties and set "Build action" to "Content". Have a great day!

Upvotes: 1

Rajeev Bhatia
Rajeev Bhatia

Reputation: 2994

You have to add fonts as BlendEmbeddableFonts

Open your solution in blend, go to the font manager and in "Embedded Fonts", check your custom font.

Then create a resource called

<FontFamily           
        x:Key="CustomFont">/Wake Jake;component/Fonts/Fonts.zip#FontName</FontFamily>

and add it as 

FontFamily="{StaticResource CustomFont}"

It will work that way. Let me know if you need further help

Upvotes: 4

venerik
venerik

Reputation: 5904

Unfortunately not all fonts work with Windows Phone 8. It tried your font (donwloaded from dafont) in a WP 7.1 project as described here and it works perfectly. Doing the same in a WP 8 project... the font won't load. So, you probably have to pick another font.

Upvotes: 0

Martin Suchan
Martin Suchan

Reputation: 10620

If the font is located in your main WP8 project, you don't need to use the /AppName;component path. Also make sure the Dekers_Bold is actually name of the font, you should maybe try DekersBold or just Dekers:

FontFamily="/Assets/Fonts/Dekers_Bold.ttf#DekersBold"

If this is not working, try to add your font as resources first:

<FontFamily x:Key="Dekers">/Assets/Fonts/Dekers_Bold.ttf#DekersBold</FontFamily>
...
<TextBlock Text="page title" Margin="9,-7,0,0" FontFamily="{StaticResource Dekers}"  />

Upvotes: 1

Related Questions