{ "id": "136449", "key": "TIMOB-17681", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [ { "id": "15422", "description": "Release 3.3.0", "name": "Release 3.3.0", "archived": false, "released": true, "releaseDate": "2014-07-16" } ], "resolution": { "id": "2", "description": "The problem described is an issue which will never be fixed.", "name": "Won't Fix" }, "resolutiondate": "2018-04-04T23:32:36.000+0000", "created": "2014-09-11T17:57:53.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [ "supportTeam" ], "versions": [ { "id": "15422", "description": "Release 3.3.0", "name": "Release 3.3.0", "archived": false, "released": true, "releaseDate": "2014-07-16" } ], "issuelinks": [], "assignee": { "name": "cbarber", "key": "cbarber", "displayName": "Chris Barber", "active": true, "timeZone": "America/Chicago" }, "updated": "2018-04-04T23:32:36.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "11500", "name": "MobileWeb", "description": "Mobile Web (HTML) Platform" } ], "description": "h3. Issue\r\n\r\nWhen using a custom font in a MobileWeb app the font is not correctly rendered, this used to worked correctly on SDK 3.2.3.GA but stopped working on 3.3.0.GA\r\n\r\nh3. Testing \r\n\r\nWhile testing i notice in the index.html that the @font-face is different from 3.2.3.GA than the one in 3.3.0.GA\r\n\r\n@font-face in index.html SDK 3.2.3.GA\r\n{code}\r\n@font-face{font-family:\"futurastd-condensed-webfont\";src:url(\"mobileweb/futurastd-condensed-webfont.woff\");}\r\n{code}\r\n\r\n@font-face in index.html SDK 3.3.0.GA\r\n{code}\r\n@font-face{font-family:\"futurastd-condensed-webfont\";url(\"futurastd-condensed-webfont.woff\") format(\"woff\");}\r\n{code}\r\n\r\nThe source parameter is missing causing an error in the CSS and not rendering the font.\r\n\r\nh3. Test code\r\n\r\n{code}\r\n\r\nvar win = Titanium.UI.createWindow({ \r\n title:'Tab 1',\r\n backgroundColor:'#fff'\r\n});\r\n\r\nvar label = Titanium.UI.createLabel({\r\n\tcolor:'#999',\r\n\ttext:'I am Window 1',\r\n\tfont:{\r\n\t\tfontSize:20,\r\n\t\tfontFamily:\"futurastd-condensed-webfont\"},\r\n\ttextAlign:'center',\r\n\twidth:'auto'\r\n});\r\n\r\nwin.add(label);\r\n\r\n// open tab group\r\nwin.open();\r\n\r\n{code}\r\n\r\nh3. Steps to Repro\r\n\r\n1. Run the attached test case for Mobile Web using SDK 3.3.0.GA\r\n\r\nh5. Expected Result\r\n\r\nThe app will display a label with custom font\r\n\r\nh5. Actual Result\r\n\r\nThe app will not display a label with custom font in SDK 3.3.0 but if the test is run with 3.2.3.GA will be displayed correctly.\r\n", "attachment": [ { "id": "51156", "filename": "mobWeb.zip", "author": { "name": "mcota", "key": "mcota", "displayName": "Marco Cota", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-09-11T17:57:54.000+0000", "size": 3162300, "mimeType": "application/zip" } ], "flagged": false, "summary": "MobileWeb: Custom .woff fonts not rendering on app", "creator": { "name": "mcota", "key": "mcota", "displayName": "Marco Cota", "active": false, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "mrahman", "key": "mrahman", "displayName": "Mostafizur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "environment": null, "closedSprints": [ { "id": 1001, "state": "closed", "name": "2018 Sprint 04 Tooling", "startDate": "2018-02-12T04:25:16.870Z", "endDate": "2018-02-26T04:25:00.000Z", "completeDate": "2018-02-26T19:38:13.619Z", "originBoardId": 219 } ], "comment": { "comments": [ { "id": "327042", "author": { "name": "mcota", "key": "mcota", "displayName": "Marco Cota", "active": false, "timeZone": "America/Los_Angeles" }, "body": "h3. Workaround\r\n\r\nOn the index.html generated from deploying the app look for the @font-face CSS without the src parameter and add it in order for the css to correctly locate the file font.\r\n\r\nBefore\r\n{code}\r\n@font-face{font-family:\"futurastd-condensed-webfont\";url(\"futurastd-condensed-webfont.woff\") format(\"woff\");} \r\n{code}\r\n\r\nAfter\r\n{code}\r\n@font-face{font-family:\"futurastd-condensed-webfont\";src:url(\"futurastd-condensed-webfont.woff\") format(\"woff\");} \r\n{code}", "updateAuthor": { "name": "mcota", "key": "mcota", "displayName": "Marco Cota", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-10-06T18:10:09.000+0000", "updated": "2014-10-06T18:10:09.000+0000" }, { "id": "422908", "author": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Marking ticket as \"Won't Fix\" as MobileWeb has been deprecated.", "updateAuthor": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2017-06-26T23:06:09.000+0000", "updated": "2017-06-26T23:06:09.000+0000" }, { "id": "436492", "author": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Closing as will not fix.", "updateAuthor": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-04-04T23:32:36.000+0000", "updated": "2018-04-04T23:32:36.000+0000" } ], "maxResults": 6, "total": 6, "startAt": 0 } } }