Design Introduction “Air” Styles Mobile Design Principles Styles UX Overview Design Patterns UI Components for Tizen App Design 2.3 TV Design Principles Styles UX Overview Patterns UI Components Wearable Development Tizen Studo Overview Download Tizen Extensions for Visual Studio Family IoT extension SDK Docs Blog Blog Announcing the Tizen Studio 3.7 Release Announcing the Tizen Studio 3.1 Release Community Forums General Support Tizen .NET Web Application Development Native Application Development SDK & IDE Design Introduction “Air” Styles Mobile Design Principles Styles UX Overview Design Patterns UI Components for Tizen App Design 2.3 TV Design Principles Styles UX Overview Patterns UI Components Wearable Development Tizen Studo Overview Download Tizen Extensions for Visual Studio Family IoT extension SDK Docs Blog Blog Announcing the Tizen Studio 3.7 Release Announcing the Tizen Studio 3.1 Release Community Forums General Support Tizen .NET Web Application Development Native Application Development SDK & IDE
How do I use a custom font in my application?
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’);
}
BY
16 Apr 2025
Tizen Studio
BY
04 Nov 2024
Tizen Studio
BY
02 Apr 2024
Tizen Studio