Project: titanium
Issue TIMOB-18156: MobileWeb: Custom fonts are not working
h4. Problem Description Custom fonts are not working on MobileWeb, But works well on Android and IOS. h4. Steps to reproduce 1. Create new mobile project (classic titanium) 2. Add this code: {code} var win = Ti.UI.createWindow({ backgroundColor: 'white', layout: 'vertical', title: 'Label Demo' }); var label1 = Ti.UI.createLabel({ color: '#900', font: { fontFamily: "ShadowsintoLight", fontSize:48 }, text: 'A simple label', textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER, top: 30, width: Ti.UI.SIZE, height: Ti.UI.SIZE }); var label2 = Ti.UI.createLabel({ color:'blue', font: { fontFamily: "ShadowsintoLight", fontSize: 14 }, text: 'A long label with\na few line breaks\nand unicode (UTF8)\nsymbols such as\na white chess piece \u2655\nand the euro symbol \u20ac\nlooks like this!\n', textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT, top: 30, width: 300, height: 200 }); win.add(label1); win.add(label2); win.open(); {code} 3. Create a fonts directory inside Resources 4. copy the attached font to the fonts directory. 5. Select 3.4.1.GA as the Mobile SDK 6. Run in mobile web h4. Actual Results The custom fonts are not show. h4. Expected results The custom fonts should appear, as used to happen with Mobile SDK 3.2.3. h4. Extra info I tested this and the last known working version is Mobile SDK 3.2.3.GA
Story points: 8