How do I use a custom font in my application?

How do I use a custom font in my application?

BY 31 May 2014 General Support

I’m using the Tizen for Wearable IDE and running my app on a Gear 2 Neo. 

I’ve got the font files in my proejct. 

I have them defined in the CSS like below.

I have the font-family properly defined for the text in the CSS.

But it won’t load the font.  Anyone know why? 

 

@font-face {

    font-family: ‘TradeGothicLTStd’;

    src: url(‘../font/TradeGothicLTStd-BdCn20/tradegothicltstd-bdcn20.eot’);

    src: url(‘../font/TradeGothicLTStd-BdCn20/tradegothicltstd-bdcn20.eot’) format(’embedded-opentype’),

         url(‘../font/TradeGothicLTStd-BdCn20/tradegothicltstd-bdcn20.woff’) format(‘woff’),

         url(‘../font/TradeGothicLTStd-BdCn20/tradegothicltstd-bdcn20.ttf’) format(‘truetype’),

         url(‘../font/TradeGothicLTStd-BdCn20/tradegothicltstd-bdcn20.svg#TradeGothicLTStdBoldCondensedNo.20’) format(‘svg’);

}

Written by